|
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
2 | 2 | <html lang="en"> |
3 | | -<!-- $Id: visuren.src,v 2.102 2003-08-24 22:17:24 bbos Exp $ --> |
| 3 | +<!-- $Id: visuren.src,v 2.103 2003-08-25 13:33:21 bbos Exp $ --> |
4 | 4 | <head> |
5 | 5 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> |
6 | 6 | <title>Visual formatting model</title> |
@@ -645,7 +645,9 @@ href="#block-formatting">block formatting</a> context. <a |
645 | 645 | href="#inline-box">Inline boxes</a> participate in an <a |
646 | 646 | href="#inline-formatting">inline formatting</a> context. |
647 | 647 | </p> |
648 | | -<h3><a name="block-formatting">Block formatting context</a></h3> |
| 648 | +<h3 id="block-formatting">Block formatting context</h3> |
| 649 | + |
| 650 | +<p>Floats, absolutely positioned elements, inline-blocks, table-cells, and elements with 'overflow' other than 'visible' establish new block formatting contexts.</p> |
649 | 651 |
|
650 | 652 | <p>In a block formatting context, boxes are laid out one after the |
651 | 653 | other, vertically, beginning at the top of a containing block. The |
@@ -931,6 +933,9 @@ In other words, if inline boxes are placed |
931 | 933 | on the line before a left float is encountered that fits in the remaining line box space, |
932 | 934 | 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. |
933 | 935 | </p> |
| 936 | +</p> |
| 937 | +The margin box of an element in the normal flow that establishes a new block formatting context (such as a table, or element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself. If necessary, implementations should clear the said element by placing it below any preceding floats, but may place it adjacent to such floats if there is sufficient space. |
| 938 | +</p> |
934 | 939 | <div class="example"> |
935 | 940 | <p><strong>Example.</strong> |
936 | 941 | In the following document fragment, the containing block is too short |
@@ -1177,13 +1182,8 @@ href="box.html#collapsed-through">the rules</a> in the section on margin |
1177 | 1182 | collapsing. |
1178 | 1183 | </p> |
1179 | 1184 |
|
1180 | | -<div class="note"><p> |
1181 | | -<em><strong>Note.</strong> |
1182 | | -References to other elements in these rules refer only to other elements in the same block formatting context as the float. This specification does not |
1183 | | -define what establishes a new formatting context. But, for example, floats, absolutely positioned elements, inline-blocks and table-cells may establish new formatting contexts. |
1184 | | -</em> |
| 1185 | +<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.. |
1185 | 1186 | </p> |
1186 | | -</div> |
1187 | 1187 |
|
1188 | 1188 | <h3><a name="flow-control">Controlling flow next to floats:</a> |
1189 | 1189 | the <span class="propinst-clear">'clear'</span> property</h3> |
|
0 commit comments