HTML and CSS Reference
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.