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
@@ -1206,27 +1206,32 @@ the <span class="propinst-clear">'clear'</span> property</h3>
1206
1206
<a href="#run-in">run-in boxes</a>,
1207
1207
this property applies to the final block box to which the run-in box belongs.
1208
1208
</p>
1209
+
<ins class="proposed">
1210
+
<p>
1211
+
The <dfn>clearance</dfn> dimension is introduced as a dimension above the margin-top of an element that is used to push the element vertically down.
1212
+
</p>
1213
+
</ins>
1209
1214
<p>Values have the following meanings when applied to non-floating
1210
1215
block boxes:</p>
1211
1216
1212
1217
<dl>
1213
1218
<dt><strong>left</strong></dt>
1214
1219
1215
-
<dd>The top marginof the generated box is increased enough that the
1220
+
<dd>The <span class="delcurrent">top margin</span><span class="insproposed">clearance</span> of the generated box is <span class="delcurrent">increased enough that</span><span class="insproposed"> set to the amount necessary to place</span> the
1216
1221
top border edge is below the bottom outer edge of any left-floating
1217
1222
boxes that resulted from elements earlier in the source document.
1218
1223
</dd>
1219
1224
1220
1225
<dt><strong>right</strong></dt>
1221
1226
1222
-
<dd>The top marginof the generated box is increased enough that the
1227
+
<dd>The <span class="delcurrent">top margin</span><span class="insproposed">clearance</span> of the generated box is <span class="delcurrent">increased enough that</span><span class="insproposed"> set to the amount necessary to place</span> the
1223
1228
top border edge is below the bottom outer edge of any right-floating
1224
1229
boxes that resulted from elements earlier in the source document.
1225
1230
</dd>
1226
1231
1227
1232
<dt><strong>both</strong></dt>
1228
1233
1229
-
<dd>The top marginof the generated box is increased enough that the
1234
+
<dd>The <span class="delcurrent">top margin</span><span class="insproposed">clearance</span> of the generated box is <span class="delcurrent">increased enough that</span><span class="insproposed"> set to the amount necessary to place</span> the
1230
1235
top border edge is below the bottom outer edge of any right-floating
1231
1236
and left-floating boxes that resulted from elements earlier in the
1232
1237
source document.
@@ -1239,11 +1244,11 @@ source document.
1239
1244
1240
1245
<ins class="proposed">
1241
1246
<p>
1242
-
Increasing the margin of an element on which 'clear' is set is done after margin collapsing. First, margins are collapsed and floats earlier in the document tree between collapsed margins that collapse with the top margin of the element on which 'clear' is set are positioned according to the <a
1243
-
href="box.html#collapsed-through">rules in section 8.3.3</a>. Next, the element on which 'clear' is set has its margin increased until its top border edge has passed the relevant floats, without affecting the position of earlier elements, and simply pushing the following elements down with it without having their collapsed margins recalculated.
1247
+
Computing the clearance of an element on which 'clear' is set is done by first determining the hypothetical position of the element's top border edge within its parent block. This position is determined after the top margin of the element has been collapsed with previous adjacent margins (including the top margin of the parent block).
1248
+
</p><p>
1249
+
If the element's top border edge has not passed the relevant floats, then its clearance is set to the amount necessary to place the border edge of the block even with the bottom outer edge of the lowest float that must be cleared.
1244
1250
</p>
1245
1251
</ins>
1246
-
1247
1252
<p>When the property is set on floating elements, it results in a
1248
1253
modification of the <a href="#float-rules">rules</a> for
1249
1254
positioning the float. An extra constraint (#10) is added:
@@ -1264,7 +1269,7 @@ may therefore have supported this property on all elements. In CSS2
1264
1269
and CSS 2.1 the 'clear' property only applies to block-level elements.
1265
1270
Therefore authors should only use this property on block-level
1266
1271
elements. If an implementation does support clear on inline elements,
1267
-
rather than increasing the top margin as explained above,
1272
+
rather than <span class="delcurrent">increasing the top margin</span><span class="insproposed">setting a clearance</span> as explained above,
1268
1273
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).
0 commit comments