@@ -1037,16 +1037,27 @@ Appendix A: Glossary</h2>
10371037 <dt> <dfn>containing block</dfn>
10381038 <dd>
10391039 A rectangle that forms the basis of sizing and positioning
1040- for the boxes associated with it
1041- (usually the children of the box that generated it).
1042- Notably, a containing block is <em> not a box</em>
1040+ for the [=boxes=] associated with it.
1041+ Notably, a [=containing block=] is <em> not a [=box=] </em>
10431042 (it is a rectangle),
1044- however it is often derived from the dimensions of a box.
1045- If properties of a containing block are referenced,
1046- they reference the values on the box that generated the containing block.
1043+ however it is often derived from the dimensions of a [=box=] .
1044+ Each [=box=] is given a position with respect to its [=containing block=] ,
1045+ but it is not confined by this [=containing block=] ;
1046+ it can [=overflow=] .
1047+ The phrase “a box’s containing block” means
1048+ “the [=containing block=] in which the box lives,”
1049+ not the one it generates.
1050+
1051+ In general, the [=edges=] of a [=box=]
1052+ act as the [=containing=] block for descendant boxes;
1053+ we say that a box “establishes”
1054+ the [=containing block=] for its descendants.
1055+ If properties of a [=containing block=] are referenced,
1056+ they reference the values on the [=box=] that generated the [=containing block=] .
10471057 (For the <a>initial containing block</a> ,
10481058 values are taken from the root element
10491059 unless otherwise specified.)
1060+
10501061 See [[CSS2]] <a href="https://www.w3.org/TR/CSS2/visuren.html#containing-block">Section 9.1.2</a>
10511062 and <a href="https://www.w3.org/TR/CSS2/visudet.html#containing-block-details">Section 10.1</a> for details.
10521063
0 commit comments