You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<a href="https://www.w3.org/TR/CSS2/visudet.html#root-height">10.6.7 Auto heights for block formatting context roots</a>
165
+
<a href="https://www.w3.org/TR/CSS2/visudet.htmlhttps://www.w3.org/TR/CSS2/visudet.html#root-height">10.6.7 Auto heights for block formatting context roots</a>
166
166
<li>
167
167
<a href="https://www.w3.org/TR/CSS2/zindex.html">Appendix E. Elaborate description of Stacking Contexts</a>
168
168
</ul>
@@ -1118,7 +1118,7 @@ The Height Of Absolutely Positioned, Non-Replaced Elements</h3>
1118
1118
1. If 'top' and 'height' are ''top/auto''
1119
1119
and 'bottom' is not ''top/auto'',
1120
1120
then the height is based on the
1121
-
<a href="#root-height">Auto heights for block formatting context roots</a>,
1121
+
<a href="https://www.w3.org/TR/CSS2/visudet.html#root-height">Auto heights for block formatting context roots</a>,
1122
1122
and solve for 'top'.
1123
1123
1124
1124
2. If 'top' and 'bottom' are ''top/auto''
@@ -1129,7 +1129,7 @@ The Height Of Absolutely Positioned, Non-Replaced Elements</h3>
1129
1129
3. If 'height' and 'bottom' are ''top/auto''
1130
1130
and 'top' is not ''top/auto'',
1131
1131
then the height is based on the
1132
-
<a href="#root-height">Auto heights for block formatting context roots</a>,
1132
+
<a href="https://www.w3.org/TR/CSS2/visudet.html#root-height">Auto heights for block formatting context roots</a>,
1133
1133
and solve for 'bottom'.
1134
1134
1135
1135
4. If 'top' is ''top/auto'',
@@ -1189,32 +1189,6 @@ The Height Of Absolutely Positioned, Replaced Elements</h3>
1189
1189
5. If at this point the values are over-constrained,
1190
1190
ignore the value for 'bottom' and solve for that value.
1191
1191
1192
-
<h3 id="root-height">
1193
-
Auto heights for block formatting context roots</h3>
1194
-
1195
-
In certain cases (see, e.g., <a href="#abs-non-replaced-height">The height of
1196
-
absolute or fixed positioned, non-replaced element</a> above), the height
1197
-
of an element that establishes a block formatting context is computed as follows:
1198
-
1199
-
If it only has inline-level children, the height is the distance between the
1200
-
top of the topmost line box and the bottom of the bottommost line box.
1201
-
1202
-
If it has block-level children, the height is the distance between the top
1203
-
margin-edge of the topmost block-level child box and the bottom margin-edge of
1204
-
the bottommost block-level child box.
1205
-
1206
-
Absolutely positioned children are ignored, and relatively positioned boxes are
1207
-
considered without their inset. Note that the child box may be an <a href="https://www.w3.org/TR/CSS2/visuren.html#anonymous-block-level">anonymous block box</a>.
1208
-
1209
-
In addition, if the element has any floating descendants whose bottom margin edge
1210
-
is below the element’s bottom content edge, then the height is increased to
1211
-
include those edges. Only non-positioned <a>floats</a> that
1212
-
participate in this block formatting context are taken into account, e.g.,
1213
-
<a>floats</a> inside absolutely positioned descendants or
1214
-
other <a>floats</a> are not.
1215
-
<!-- End section: Auto heights for block formatting context roots -->
1216
-
<!-- End section: Sizing and positioning details -->
1217
-
1218
1192
<h2 id="comparison">
1219
1193
Informative Comparison of Normal Flow, Floats, and Positioning</h2>
0 commit comments