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
<p>In paged media, an absolutely positioned element is positioned
83
82
relative to its containing block ignoring any page breaks (as if the
84
83
document were continuous). The element may subsequently be broken over
85
-
several pages. Page break properties may apply, however if more than one block formatting context on a page attempts to break the page, the results (e.g. where the page is broken, if at all) are undefined.
84
+
several pages.
86
85
</p>
87
86
<p class="note">Note that a
88
87
block-level element that is split over several pages may have a different
89
88
width on each page and that there may be device-specific limits.
90
89
</p>
91
-
</ins>
92
90
93
91
<div class="example">
94
92
<p>With no positioning, the containing blocks (C.B.) in the
@@ -198,14 +196,10 @@ user agent if the value of this property is different than 'auto'.
198
196
<dd>Specifies a percentage width. The percentage is calculated
If the containing block is intrinsically sized (i.e., it depends on
202
-
its content's width) and the current element is not absolutely
203
-
positioned, then a percentage <span class="delcurrent">is</span><span class="insproposed">may be</span> interpreted as 'auto'.
204
-
<span class="insproposed">
199
+
If the containing block's width depends on this element's width, then the resulting layout is undefined in CSS 2.1.
205
200
<span class="note">
206
201
Note: For absolutely positioned elements whose containing block is based on a block-level element, the percentage is calculated with respect to the width of the <em>padding box</em> of that element. This is a change from CSS1, where the percentage width was always calculated with respect to the <em>content box</em> of the parent element.
@@ -170,12 +170,9 @@ above), then we force it to have <em>only</em> block boxes
170
170
inside it, by wrapping any inline boxes in an anonymous block box.
171
171
</p>
172
172
173
-
<ins class="proposed">
174
173
<p>
175
-
Block boxes within inline boxes are inserted adjacent to line boxes.
176
-
The line boxes are wrapped in anonymous block boxes which contain the contents of the inline boxes, while the block boxes are, in the rendering tree, adjacent to the anonymous block boxes.
174
+
When an inline box contains a block box, the inline box (and its inline ancestors within the same line box) are broken around the block. The line boxes before the break and after the break are enclosed in anonymous boxes, and the block box becomes a sibling of those anonymous boxes.
177
175
</p>
178
-
</ins>
179
176
180
177
<div class="example">
181
178
<p>This model would apply in the following example if the following
@@ -255,11 +252,9 @@ value. In the example, the color of the anonymous inline boxes is
255
252
inherited from the P, but the background is transparent.
256
253
</p>
257
254
258
-
<ins class="proposed">
259
255
<p>
260
-
Whitespace content that would subsequently be collapsed away according to the 'white-space' property does not generate any anonymous inline boxes.
256
+
Whitespace content that would subsequently be collapsed away according to the '<span class="propinst-white-space">white-space</span>' property does not generate any anonymous inline boxes.
261
257
</p>
262
-
</ins>
263
258
264
259
<p>If it is clear from the context which type of anonymous box is
265
260
meant, both anonymous inline boxes and anonymous block boxes are
@@ -274,7 +269,7 @@ simply called anonymous boxes in this specification.
274
269
box</dfn></span> behaves as follows:</p>
275
270
276
271
<ol>
277
-
<li class="insproposed">
272
+
<li>
278
273
If the run-in box contains a <a href="#block-box">block</a>
279
274
box, the run-in box becomes a block box.
280
275
</li>
@@ -1203,10 +1198,7 @@ the <span class="propinst-clear">'clear'</span> property</h3>
1203
1198
<!-- #include src=properties/clear.srb -->
1204
1199
1205
1200
<p>This property indicates which sides of an element's box(es) may
1206
-
<em>not</em> be adjacent to an earlier floating box. (It may be that
1207
-
the element itself has floating descendants; the <span
1208
-
class="propinst-clear">'clear'</span> property has no effect on
1209
-
those<span class="insproposed">, neither does it affect elements in a different block formatting context</span>.)
1201
+
<em>not</em> be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts.
1210
1202
</p>
1211
1203
1212
1204
<p>
@@ -1273,7 +1265,7 @@ and CSS 2.1 the 'clear' property only applies to block-level elements.
1273
1265
Therefore authors should only use this property on block-level
1274
1266
elements. If an implementation does support clear on inline elements,
1275
1267
rather than increasing the top margin as explained above,
1276
-
the implementation should <span class="insproposed">force a break and effectively</span> insert one or more empty line boxes <span class="insproposed">(or shifting the new line box downward as described in <a href="#floats">section 9.5</a>)</span> to move the top of the cleared inline's line box to below the respective floating box(es).
1268
+
the implementation should force a break and effectively insert one or more empty line boxes (or shifting the new line box downward as described in <a href="#floats">section 9.5</a>) to move the top of the cleared inline's line box to below the respective floating box(es).
1277
1269
</em>
1278
1270
</p>
1279
1271
</div>
@@ -1292,7 +1284,7 @@ span { clear: left }
1292
1284
respect to its containing block. It is removed from the normal flow
1293
1285
entirely (it has no impact on later siblings). An absolutely
1294
1286
positioned box establishes a new containing block for normal flow
1295
-
children and <span class="insproposed">absolutely (but not fixed)</span> positioned descendants. However, the contents of an
1287
+
children and absolutely (but not fixed) positioned descendants. However, the contents of an
1296
1288
absolutely positioned element do not flow around any other boxes. They
1297
1289
may obscure the contents of another box (or be obscured themselves),
1298
1290
depending on the
@@ -1776,15 +1768,13 @@ and are formatted one on top of the other. Z-axis positions are
1776
1768
particularly relevant when boxes overlap visually. This section
1777
1769
discusses how boxes may be positioned along the z-axis.
1778
1770
</p>
1779
-
<ins class="proposed">
1780
1771
<p>
1781
1772
The order in which the rendering tree is painted onto the canvas is
1782
1773
described in terms of stacking contexts. Stacking contexts can
1783
1774
contain further stacking contexts. A stacking context is atomic from
1784
1775
the point of view of its parent stacking context; boxes in other
1785
1776
stacking contexts may not come between any of its boxes.
1786
1777
</p>
1787
-
</ins>
1788
1778
<p>Each box belongs to one <span class="index-def" title="stacking
1789
1779
context"><dfn>stacking context</dfn></span>. Each box in a given
1790
1780
stacking context has an integer <span class="index-def" title="stack
@@ -1796,43 +1786,20 @@ stack levels. Boxes with the same stack level in a stacking context
1796
1786
are stacked bottom-to-top according to document tree order.
1797
1787
</p>
1798
1788
1799
-
<del class="current">
1800
-
<p>The <a href="conform.html#root">root</a> element creates a <span
0 commit comments