Skip to content

Commit a17c680

Browse files
committed
[css-display-3] Merge in prose from CSS2 9.1.2 Containing Blocks into definition of containing block
1 parent 0f1ce2b commit a17c680

1 file changed

Lines changed: 17 additions & 6 deletions

File tree

css-display-3/Overview.bs

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)