HTML and CSS Reference
In-Depth Information
Figure 7-9.
Liquid layout at different sizes
The width of the navigation and the content add up to 100 percent (75 percent + 25 percent).
However, if you were to add a border to either of these elements (even a one-pixel border), you
wouldn't have enough room for the two elements to sit side by side, since they are floated. One
item would wrap underneath the other (as shown in Figure 7-10). Try not to mix and match in
this way or, if you must, shave off the percentage values just a little—perhaps
24%
and
74%
—
and try resizing the screen to see what effect this has.
