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
Copy file name to clipboardExpand all lines: css2/css2.html
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -8919,7 +8919,7 @@ <h3>9.5.1 <a name="float-position">Positioning the float:</a> the
8919
8919
8920
8920
<p>But in CSS 2.1, if, within the block formatting context, there
8921
8921
is an in-flow negative vertical margin such that the float's position
8922
-
is above the position it would be at were the negative margin
8922
+
is above the position it would be at were all such negative margins
8923
8923
set to zero, the position of the float is undefined.
8924
8924
8925
8925
<p>References to other elements in these rules refer only to other elements in the same <a href="#block-formatting">block formatting context</a> as the float.
<dd><ins>Similar</ins> to <del>make room for the floated box. Any content in</del><ins>'left', except</ins> the <del>current line before a floated</del>box is <del>reflowed in</del><ins>floated to</ins> the <del>first available line</del><ins>right, and content flows</ins> on the <del>other</del><ins>left</ins> side of the <del>float. Several floats may be adjacent, and this model also applies to adjacent floats in the same line. Example(s):</del><ins>box, starting at</ins> the <del>following rule floats all IMG boxes with class="icon" to</del><ins>top.</ins></dd>
1366
+
<dd><ins>Similar</ins> to <del>make room for the floated box. Any content in</del><ins>'left', except</ins> the <del>current line before a floated</del>box is <del>reflowed in</del><ins>floated to</ins> the <del>first available line</del><ins>right, and content flows</ins> on the <del>other</del><ins>left</ins> side of the <del>float. Several floats may be adjacent, and this model also applies to adjacent floats in the same line. Example(s): The following rule floats all IMG boxes with class="icon" to</del><ins>box, starting at</ins> the <del>left (and sets</del><ins>top.</ins></dd>
1367
1367
1368
1368
<dt><strong><ins>none</ins></strong></dt>
1369
1369
1370
-
<dd>The <del>left (and sets</del><ins>box is not floated.</ins></dd>
1370
+
<dd>The <del>left margin to '0'): IMG.icon { float: left; margin-left: 0; } Consider</del><ins>box is not floated.</ins></dd>
1371
1371
</dl>
1372
1372
1373
1373
<p>
1374
-
<ins>User agents may treat float as 'none' on</ins> the <del>left margin to '0'): IMG.icon { float: left; margin-left: 0; } Consider</del><ins>root element.</ins>
1374
+
<ins>User agents may treat float as 'none' on</ins> the <del>following HTML source and style sheet: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Float example</TITLE> <STYLE type="text/css"> IMG { float: left } BODY, P, IMG { margin: 2em } </STYLE> </HEAD> <BODY> <P><IMG src=img.gif alt="This image will illustrate floats"> Some sample text that has no other... </BODY> </HTML></del><ins>root element.</ins>
1375
1375
</p>
1376
1376
1377
1377
1378
1378
<p><spanclass="index-def" title="float rules"><a
1379
-
name="float-rules"><ins>Here are</ins> the <del>following HTML source and style sheet: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Float example</TITLE> <STYLE type="text/css"> IMG { float: left } BODY, P, IMG { margin: 2em } </STYLE> </HEAD> <BODY> <P><IMG src=img.gif alt="This image will illustrate floats"> Some sample text that has no other... </BODY> </HTML></del><ins>precise rules</ins></a></span><ins>that
1380
-
govern</ins> the <del>IMG</del><ins>behavior of floats:</ins></p>
1379
+
name="float-rules"><ins>Here are</ins> the <del>IMG</del><ins>precise rules</ins></a></span><ins>that
1380
+
govern the behavior of floats:</ins></p>
1381
1381
1382
1382
<ol>
1383
1383
<li><ins>The left</ins><ahref="box.html#outer-edge"><ins>outer edge</ins></a><ins>of a
href="#line-box"><ins>line-box</ins></a></span><ins>containing</ins> a <del>float can overlap other boxes</del><ins>box
1422
1422
generated by an element earlier</ins> in the <del>normal flow (e.g., when</del><ins>source document.</ins>
1423
1423
</li>
1424
-
<li>A <del>normal flow</del><ins>left-floating</ins> box <del>next to a float</del><ins>that</ins> has <del>negative margins). When an inline</del><ins>another left-floating</ins> box <del>overlaps with a float,</del><ins>to its left
1425
-
may not have its right outer edge to</ins>the <del>content, background, and borders</del><ins>right</ins> of <ins>its containing
1426
-
block's right edge. (Loosely: a left float may not stick out at</ins> the
1427
-
<del>inline box are rendered in front of</del><ins>right edge, unless it is already as far to</ins> the <del>float. When</del><ins>left as possible.) An
1428
-
analogous rule holds for right-floating elements.</ins>
1424
+
<li>A <del>normal flow</del><ins>left-floating</ins> box <del>next</del><ins>that has another left-floating box to its left
1425
+
may not have its right outer edge</ins>to <ins>the right of its containing
1426
+
block's right edge. (Loosely:</ins> a <ins>left</ins> float <del>has negative margins). When</del><ins>may not stick out at the
1427
+
right edge, unless it is already as far to the left as possible.)</ins> An
1428
+
<del>inline</del><ins>analogous rule holds for right-floating elements.</ins>
1429
1429
</li>
1430
-
<li>A <del>block</del><ins>floating</ins> box <del>overlaps, the background and borders of the block</del><ins>must be placed as high as possible.</ins>
1430
+
<li><ins>A floating</ins> box <del>overlaps with</del><ins>must be placed as high as possible.</ins>
1431
1431
</li>
1432
-
<li><ins>A left-floating</ins> box <del>are rendered behind the float and are only</del><ins>must</ins>be<del>visible where</del><ins>put as far to</ins> the <ins>left as
1433
-
possible, a right-floating</ins> box <ins>as far to the right as possible. A
1434
-
higher position</ins> is <del>transparent.</del><ins>preferred over one that is further to</ins> the
1435
-
<del>content of</del><ins>left/right.</ins>
1432
+
<li>A <del>float, the content, background, and borders of the inline</del><ins>left-floating</ins>box<del>are rendered in front of</del><ins>must be put as far to</ins> the <del>float. When</del><ins>left as
1433
+
possible,</ins> a <del>block</del><ins>right-floating</ins> box <del>overlaps,</del><ins>as far to</ins> the <del>background and borders of</del><ins>right as possible. A
1434
+
higher position is preferred over one that is further to</ins> the
1435
+
<del>block box are rendered behind</del><ins>left/right.</ins>
1436
1436
</li>
1437
1437
</ol>
1438
1438
1439
-
<p><ins>But in CSS 2.1, if, within</ins> the block <del>box</del><ins>formatting context, there</ins>
1440
-
is <del>rendered in front of</del><ins>an in-flow negative vertical margin such that</ins> the <del>float. Example(s): Here</del><ins>float's position</ins>
1441
-
is <del>another illustration, showing what happens when a float overlaps borders of elements in the normal flow. [D] A floating image obscures borders of block boxes</del><ins>above the position</ins>it<del>overlaps.</del><ins>would be at were</ins> the <del>following example illustrates</del><ins>negative margin
1442
-
set to zero,</ins> the <del>use</del><ins>position</ins>of the <del>'clear' property</del><ins>float is undefined.</ins>
1439
+
<p><ins>But in CSS 2.1, if, within</ins> the <del>float and are only be visible where</del><ins>block formatting context, there
1440
+
is an in-flow negative vertical margin such that</ins> the <del>box</del><ins>float's position</ins>
1441
+
is <del>transparent.</del><ins>above</ins>the<del>content</del><ins>position it would be at were all such negative margins
1442
+
set to zero, the position</ins>of the <del>block box</del><ins>float</ins>is <del>rendered</del><ins>undefined.</ins>
1443
1443
1444
-
<p><ins>References</ins> to <del>prevent content from flowing next</del><ins>other elements in these rules refer only</ins>to<del>a</del><ins>other elements in the same</ins><ahref="#block-formatting"><ins>block formatting context</ins></a><ins>as the</ins> float.
1444
+
<p><ins>References to other elements in these rules refer only to other elements</ins>in<del>front of</del><ins>the same</ins><ahref="#block-formatting"><ins>block formatting context</ins></a><ins>as</ins> the float.
<p><del>Assuming a rule such as this:</del><ins>This HTML fragment results in the b floating to the right.</ins>
1448
+
<p><del>Here is another illustration, showing what happens when a float overlaps borders of elements</del><ins>This HTML fragment results</ins> in the <del>normal flow. [D] A</del><ins>b</ins> floating <del>image obscures borders of block boxes it overlaps.</del><ins>to</ins> the <del>following example illustrates</del><ins>right.</ins>
<p><ins>If the</ins>P<del>{ clear: left } formatting</del><ins>element's width is enough, the a and the b will be side by
1452
+
<p><ins>If</ins>the<del>use of</del><ins>P element's width is enough,</ins> the <del>'clear' property to prevent content from flowing next to a float. Example(s): Assuming</del>a <del>rule such as this: P { clear: left } formatting</del><ins>and the b will be side by
0 commit comments