| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <head> |
| 4 <title>CSS Test: Absolutely positioned elements child behavior</title> |
| 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
| 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtal
bot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-20 --> |
| 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#absolute-
positioning" /> |
| 8 <link rel="match" href="position-absolute-007-ref.xht" /> |
| 9 |
| 10 <meta name="flags" content="" /> |
| 11 <meta name="assert" content="The contents of an absolutely positioned el
ement do not flow around any other boxes and can obscure the contents of another
box." /> |
| 12 <style type="text/css"> |
| 13 #div1 |
| 14 { |
| 15 position: relative; |
| 16 } |
| 17 #div2 |
| 18 { |
| 19 background: orange; |
| 20 position: absolute; |
| 21 height: 1in; |
| 22 top: 0.5in; |
| 23 width: 1in; |
| 24 } |
| 25 #div3 |
| 26 { |
| 27 background: blue; |
| 28 float: left; |
| 29 height: 2in; |
| 30 width: 0.5in |
| 31 } |
| 32 </style> |
| 33 </head> |
| 34 <body> |
| 35 <p>Test passes if the "Filler Text" overflow below the orange square and
overlaps the bottom blue square.</p> |
| 36 <div id="div1"> |
| 37 <div id="div2"> |
| 38 Filler Text Filler Text Filler Text Filler Text Filler Text Fill
er Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text |
| 39 </div> |
| 40 <div id="div3"></div> |
| 41 </div> |
| 42 </body> |
| 43 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2824603002:
Import css21/positioning W3C CSS Test Suite (Closed)
