File tree Expand file tree Collapse file tree 1 file changed +17
-3
lines changed Expand file tree Collapse file tree 1 file changed +17
-3
lines changed Original file line number Diff line number Diff line change @@ -741,9 +741,23 @@ Appendix A: Glossary</h2>
741
741
742
742
<dt> <dfn>formatting context</dfn>
743
743
<dd>
744
- The thing that makes CSS do the layouts.
745
-
746
- Issue: wordsmith this.
744
+ A <a>formatting context</a> is an independent "unit" of layout.
745
+ When a box establishes a <a>formatting context</a> ,
746
+ the layout of its descendants are not affected by any outside boxes,
747
+ and vice versa.
748
+
749
+ <p class="example">
750
+ For example, when used among other ''flow'' boxes,
751
+ floated boxes affect the layout of surrounding boxes.
752
+ But their effects do not escape their <a>formatting context</a> :
753
+ the box establishing their <a>formatting context</a> grows to fully contain them,
754
+ and any other <a>formatting contexts</a> near them
755
+ shrink or move to avoid having the float overlap them.
756
+
757
+ Most <a>inner display types</a> establish formatting contexts automatically.
758
+ The ''flow'' layout mode is a notable exception,
759
+ with a choice between establishing a formatting context or not,
760
+ via the ''flow-root'' and ''flow'' 'display' values.
747
761
748
762
<dt> <dfn>block formatting context</dfn>
749
763
<dt> <dfn>inline formatting context</dfn>
You can’t perform that action at this time.
0 commit comments