Box model
results in a document tree [p. 39] with (among other relationships) a UL element that has two LI children. The first of the following diagrams illustrates what this example would produce. The second illustrates the relationship between the margins, padding, and borders of the UL elements and those of its children LI elements. (Image is not to scale.)
Note that: The content width [p. 105] for each LI box is calculated top-down; the containing block [p. 120] for each LI box is established by the UL element. The margin box height of each LI box depends on its content height [p. 105] ,
19 Jul 2007 15:54
106