Anta att man har en sida liknande denna där man använder sig av float för att possitionera delar. Om man ökar textstorleken på sidan så blir efter ett tag
sidan större än webbfönstret sidan bryts då upp i sina respektive delar som läggs nedanför varandra. Detta är inte eftersom sidan vid normal textstorlek rimligtvis ska ha en storlek nära 100% av bredden. Om man då ökar textstorleken till större så hamnar delarna i oordning. Hur borde man göra för att åtgärda detta problemet så att sidan kan expandera utanför webbfönsterbredden om det behövs?
<html>
<head>
<title>CCS Test
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<div id="left">
<div id="leftsmall">
</div>
</div>
<div id="center">
</div>
<div id="right">
<div id="rightsmall">
</div>
</div>
<div id="footer">
</div>
</html>
#left
{
width: 5em;
background: blue;
height: 10em;
float: left;
}
#leftsmall, #rightsmall
{
width: 5em;
background: red;
height: 5em;
}
#center
{
width: 10em;
background: orange;
height: 10em;
float: left;
}
#right
{
width: 5em;
background: blue;
height: 10em;
float: left;
}
#footer
{
background: gray;
clear: both;
width: 20em;
height: 2em;
}