OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
rict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
rict.dtd"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS Test: Height determination for block-level non-replaced eleme
nts in normal flow when 'overflow' does not compute to 'visible' and elements' m
argins do not collapse</title> | 4 <title>CSS Test: Height determination for block-level non-replaced eleme
nts in normal flow when 'overflow' does not compute to 'visible' and elements' m
argins do not collapse</title> |
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> | 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> |
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-bl
ock"> | 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-bl
ock"> |
7 <meta name="flags" content=""> | 7 <meta name="flags" content=""> |
8 <meta name="assert" content="When a block-level non-replaced element is
in normal flow, 'overflow' does not compute to 'visible', the 'height' is 'auto'
and top and bottom margins do not collapse. The 'height' is the sized from the
top of the topmost margin edge of the content to the bottom of the bottom most m
argin edge of the content."> | 8 <meta name="assert" content="When a block-level non-replaced element is
in normal flow, 'overflow' does not compute to 'visible', the 'height' is 'auto'
and top and bottom margins do not collapse. The 'height' is the sized from the
top of the topmost margin edge of the content to the bottom of the bottom most m
argin edge of the content."> |
9 <style type="text/css"> | 9 <style type="text/css"> |
10 html, body | 10 html, body |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
43 #div5 | 43 #div5 |
44 { | 44 { |
45 background: blue; | 45 background: blue; |
46 height: 2in; | 46 height: 2in; |
47 left: 1in; | 47 left: 1in; |
48 position: absolute; | 48 position: absolute; |
49 top: 0; | 49 top: 0; |
50 } | 50 } |
51 </style> | 51 </style> |
52 </head> | 52 </head> |
| 53 <script> |
| 54 if (window.internals) { |
| 55 window.internals.settings.setForceCompositingMode(true); |
| 56 } |
| 57 </script> |
53 <body> | 58 <body> |
54 <p>Test passes if there is a blue square below.</p> | 59 <p>Test passes if there is a blue square below.</p> |
55 <div id="div1"> | 60 <div id="div1"> |
56 <div id="div2"> | 61 <div id="div2"> |
57 <div id="div3"></div> | 62 <div id="div3"></div> |
58 <div id="div4"></div> | 63 <div id="div4"></div> |
59 </div> | 64 </div> |
60 <div id="div5"></div> | 65 <div id="div5"></div> |
61 </div> | 66 </div> |
62 </body> | 67 </body> |
63 </html> | 68 </html> |
OLD | NEW |