Skip to content

Commit 8bb4d82

Browse files
committed
[css-display] Define interleaving of inline and block formatting contexts. Fixes #1553.
1 parent a7fa2a2 commit 8bb4d82

File tree

1 file changed

+15
-2
lines changed

1 file changed

+15
-2
lines changed

css-display-3/Overview.bs

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -872,15 +872,17 @@ Appendix A: Glossary</h2>
872872
effectively replaces the "anonymous inline element" concept
873873
introduced in <a href="https://www.w3.org/TR/CSS2/visuren.html#anonymous">CSS2&sect;9.2.2.1</a>.</span>
874874

875-
A block container that contains only block-level boxes
876-
establishes a new <a>block formatting context</a>
875+
A block container establishes a new <a>block formatting context</a>
877876
if its parent formatting context is <em>not</em> a <a>block formatting context</a>;
878877
otherwise, when participating in a <a>block formatting context</a> itself,
879878
it either establishes a new <a>block formatting context</a> for its contents
880879
or continues the one in which it participates,
881880
as determined by the constraints of other properties
882881
(such as 'overflow' or 'align-content').
883882

883+
Note: A block container box can both establish a block formatting context
884+
<em>and</em> an inline formatting context simultaneously.
885+
884886
<dt><dfn>block box</dfn>
885887
<dd>
886888
A <a>block-level box</a> that is also a <a>block container</a>.
@@ -975,6 +977,12 @@ Appendix A: Glossary</h2>
975977
the layout of its descendants is (generally)
976978
not affected by the the rules and contents of
977979
the formatting context outside the box, and vice versa.
980+
However, certain types of formatting context interleave and co-exist:
981+
for example, an inline formatting context exists within
982+
and interacts with the block formatting context
983+
of the element that establishes it,
984+
and a ruby container overlays a ruby formatting context
985+
over the inline formatting context in which its ruby base container participates.
978986

979987
<p class="example">
980988
For example, in a <a>block formatting context</a>,
@@ -998,6 +1006,11 @@ Appendix A: Glossary</h2>
9981006
<dd>
9991007
Block and inline formatting contexts are defined in
10001008
<a href="https://www.w3.org/TR/CSS2/visuren.html#normal-flow">CSS 2.1 Section 9.4</a>.
1009+
Inline formatting contexts exist within
1010+
(are part of their containing)
1011+
block formatting contexts;
1012+
for example, line boxes belonging to the inline formatting context
1013+
interact with floats belonging to the block formatting context.
10011014

10021015
<dt><dfn>block formatting context root</dfn>
10031016
<dd>

0 commit comments

Comments
 (0)