Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css2.1 / 20110323 / absolute-replaced-height-010.htm
blob6a20600d6ffbaaf4f692550ae7d3153ef0ebd121
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Absolute replaced elements with intrinsic ratios, 'height' and 'bottom' set to 'auto'</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height">
7 <meta name="flags" content="image">
8 <meta name="assert" content="The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified.">
9 <style type="text/css">
10 #div1
12 border-top: solid black;
13 position: relative;
15 div div
17 background: blue;
18 height: 1in;
19 left: 1in;
20 position: absolute;
21 top: 1in;
23 img
25 bottom: auto;
26 height: auto;
27 position: absolute;
28 top: 1in;
30 div div, img
32 width: 1in;
34 </style>
35 </head>
36 <body>
37 <p>Test passes if there is a single blue box below and it does not touch the black line.</p>
38 <div id="div1">
39 <img alt="blue 15x15" src="resources/blue15x15.png">
40 <div></div>
41 </div>
42 </body>
43 </html>