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: A relative positioned child elements' offset is ignored
for 'height' on a block-level non-replaced elements in normal flow when 'overfl
ow' does not compute to 'visible'</title> | 4 <title>CSS Test: A relative positioned child elements' offset is ignored
for 'height' on a block-level non-replaced elements in normal flow when 'overfl
ow' does not compute to 'visible'</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="A relative positioned child elements' offse
t is not considered when sizing the 'height' of a block-level non-replaced eleme
nt is in normal flow."> | 8 <meta name="assert" content="A relative positioned child elements' offse
t is not considered when sizing the 'height' of a block-level non-replaced eleme
nt is in normal flow."> |
9 <style type="text/css"> | 9 <style type="text/css"> |
10 html, body | 10 html, body |
(...skipping 23 matching lines...) Expand all Loading... |
34 #div2 div, #div3 | 34 #div2 div, #div3 |
35 { | 35 { |
36 height: 1in; | 36 height: 1in; |
37 } | 37 } |
38 div div | 38 div div |
39 { | 39 { |
40 width: 1in; | 40 width: 1in; |
41 } | 41 } |
42 </style> | 42 </style> |
43 </head> | 43 </head> |
| 44 <script> |
| 45 if (window.internals) { |
| 46 window.internals.settings.setForceCompositingMode(true); |
| 47 } |
| 48 </script> |
44 <body> | 49 <body> |
45 <p>Test passes if the blue and orange boxes below are the same height.</
p> | 50 <p>Test passes if the blue and orange boxes below are the same height.</
p> |
46 <div id="div1"> | 51 <div id="div1"> |
47 <div id="div2"> | 52 <div id="div2"> |
48 <div></div> | 53 <div></div> |
49 </div> | 54 </div> |
50 <div id="div3"></div> | 55 <div id="div3"></div> |
51 </div> | 56 </div> |
52 </body> | 57 </body> |
53 </html> | 58 </html> |
OLD | NEW |