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
on the line before a left float is encountered that fits in the remaining line box space,
8090
8091
the left float is placed on that line, aligned with the top of the line box, and then the inline boxes already on the line are moved accordingly to the right of the float (the right being the other side of the left float) and vice versa for rtl and right floats.
8091
8092
</p>
8092
-
<p>
8093
+
<p id="bfc-next-to-float">
8093
8094
The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new <a href="visuren.html#block-formatting">block formatting context</a>
8094
8095
(such as an element with 'overflow' other than 'visible')
8095
8096
must not overlap any floats in the same block formatting context as
8096
8097
the element itself. If necessary, implementations should clear the
8097
8098
said element by placing it below any preceding floats, but may place
8098
8099
it adjacent to such floats if there is sufficient space.
8100
+
They may even make the border box of said element narrower than
8101
+
defined by <a href="visudet.html#blockwidth">section 10.3.3.</a>
8102
+
CSS2 does not define when a UA may put said element next to the float
edges touch). This is true even in the presence of floats (although a
873
873
box's <em><del>content</del><del>area</del><ins>line</ins><ins>boxes</ins></em> may shrink due to the <ins>floats),</ins><ins>unless</ins><ins>the</ins><ins>box</ins>
<ins>on</ins> the <del>following</del><del>HTML</del><del>source</del><del>and</del><del>style</del><del>sheet:</del><del><!DOCTYPE</del><del>HTML</del><del>PUBLIC</del><del>"-//W3C//DTD</del><del>HTML</del><del>4.0//EN"></del><del><HTML></del><del><HEAD></del><del><TITLE>Float</del><del>example</TITLE></del><del><STYLE</del><del>type="text/css"></del><del>IMG</del><del>{</del><del>float:</del><ins>line</ins><ins>before</ins><ins>a</ins> left <del>}</del><del>BODY,</del><del>P,</del><del>IMG</del><del>{</del><del>margin:</del><del>2em</del><del>}</del><del></STYLE></del><del></HEAD></del><del><BODY></del><del><P><IMG</del><del>src=img.gif</del><del>alt="This</del><del>image</del><del>will</del><del>illustrate</del><del>floats"></del><del>Some</del><del>sample</del><del>text</del><ins>float</ins><ins>is</ins><ins>encountered</ins> that <del>has</del><del>no</del><del>other...</del><del></BODY></del><del></HTML></del><ins>fits</ins><ins>in</ins> the <del>IMG</del><ins>remaining</ins><ins>line</ins> box <del>is</del><del>floated</del><del>to</del><del>the</del><del>left.</del><ins>space,</ins>
1159
1160
the <del>content</del><del>that</del><del>follows</del><ins>left</ins><ins>float</ins> is <del>formatted</del><del>to</del><ins>placed</ins><ins>on</ins><ins>that</ins><ins>line,</ins><ins>aligned</ins><ins>with</ins> the <del>right</del><ins>top</ins> of the <del>float,</del><del>starting</del><del>on</del><del>the</del><del>same</del>line <del>as</del><ins>box,</ins><ins>and</ins><ins>then</ins> the <del>float.</del><ins>inline</ins><ins>boxes</ins><ins>already</ins><ins>on</ins> the line <del>boxes</del><ins>are</ins><ins>moved</ins><ins>accordingly</ins> to the right of the float <del>are</del><del>shortened</del><del>due</del><del>to</del><ins>(the</ins><ins>right</ins><ins>being</ins> the <del>float's</del><del>presence,</del><del>but</del><del>resume</del><del>their</del><del>"normal"</del><del>width</del><del>(that</del><ins>other</ins><ins>side</ins> of the <del>containing</del><del>block</del><del>established</del><del>by</del><del>the</del><ins>left</ins><ins>float)</ins><ins>and</ins><ins>vice</ins><ins>versa</ins><ins>for</ins><ins>rtl</ins><ins>and</ins><ins>right</ins><ins>floats.</ins>
<em>not</em>be adjacent to an earlierfloatingbox.<del>(It</del><del>may</del><del>be</del><del>that</del><del>the</del><del>element</del><del>itself</del><del>has</del><del>floating</del><del>descendants;</del>The 'clear'
@@ -1507,7 +1512,7 @@ <h3>9.5.2 <a name="flow-control">Controlling flow next to floats:</a>
1507
1512
1508
1513
<dd><ins>The</ins><ins>clearance</ins> of the generated box is <del>increased</del><del>enough</del><ins>set</ins><ins>to</ins><ins>the</ins><ins>amount</ins><ins>necessary</ins><ins>to</ins><ins>place</ins><ins>the</ins>
<ins>and</ins><ins>left-floating</ins><ins>boxes</ins> that <ins>resulted</ins><ins>from</ins><ins>elements</ins><ins>earlier</ins><ins>in</ins><ins>the</ins>
1511
1516
<ins>source</ins><ins>document.</ins>
1512
1517
</dd>
1513
1518
@@ -1517,7 +1522,7 @@ <h3>9.5.2 <a name="flow-control">Controlling flow next to floats:</a>
<ins>with</ins><ins>the</ins><ins>bottom</ins><ins>outer</ins><ins>edge</ins><ins>of</ins><ins>the</ins><ins>lowest</ins><ins>float</ins> that <ins>is</ins><ins>to</ins><ins>be</ins>
<li><ins>if</ins><ins>the</ins><ins>block's</ins><ins>own</ins><ins>margins</ins><ins>collapse</ins><ins>together:</ins> the <del>bottom</del><del>outer</del><del>edge</del><del>of</del><del>any</del><del>right-floating</del><del>boxes</del><del>that</del><del>resulted</del><del>from</del><del>elements</del><del>earlier</del><del>in</del><ins>block's</ins><ins>top</ins>
1546
+
<ins>margin</ins>
1542
1547
1543
1548
<li><ins>if</ins> the <del>source</del><del>document.</del><del>both</del><ins>block's</ins><ins>own</ins><ins>margins</ins><ins>do</ins><ins>not</ins><ins>collapse</ins><ins>together:</ins> the
on the line before a left float is encountered that fits in the remaining line box space,
1159
1160
the left float is placed on that line, aligned with the top of the line box, and then the inline boxes already on the line are moved accordingly to the right of the float (the right being the other side of the left float) and vice versa for rtl and right floats.
1160
1161
</p>
1161
-
<p>
1162
+
<pid="bfc-next-to-float">
1162
1163
The <del>margin</del><ins>border</ins> box of a table, a block-level replaced element, or an element in the normal flow that establishes a new <ahref="visuren.html#block-formatting">block formatting context</a>
1163
1164
(such as an element with 'overflow' other than 'visible')
1164
1165
must not overlap any floats in the same block formatting context as
1165
1166
the element itself. If necessary, implementations should clear the
1166
1167
said element by placing it below any preceding floats, but may place
1167
1168
it adjacent to such floats if there is sufficient space.
on the line before a left float is encountered that fits in the remaining line box space,
1159
1160
the left float is placed on that line, aligned with the top of the line box, and then the inline boxes already on the line are moved accordingly to the right of the float (the right being the other side of the left float) and vice versa for rtl and right floats.
1160
1161
</p>
1161
-
<p>
1162
+
<pid="bfc-next-to-float">
1162
1163
The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new <ahref="visuren.html#block-formatting">block formatting context</a>
1163
1164
(such as an element with 'overflow' other than 'visible')
1164
1165
must not overlap any floats in the same block formatting context as
1165
1166
the element itself. If necessary, implementations should clear the
1166
1167
said element by placing it below any preceding floats, but may place
1167
1168
it adjacent to such floats if there is sufficient space.
1169
+
They may even make the border box of said element narrower than
1170
+
defined by <ahref="visudet.html#blockwidth">section 10.3.3.</a>
1171
+
CSS2 does not define when a UA may put said element next to the float
0 commit comments