stavila@adobe.com | b0d86c4 | 2014-04-09 17:07:50 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | |
| 3 | <html> |
| 4 | <head> |
| 5 | <style> |
| 6 | .region { |
| 7 | width: 200px; |
| 8 | height: 200px; |
| 9 | border: thin solid black; |
| 10 | float: left; |
| 11 | margin: 10px; |
| 12 | } |
| 13 | |
| 14 | #mono { |
| 15 | width: 150px; |
| 16 | height: 300px; |
| 17 | overflow: scroll; |
| 18 | background-color: green; |
| 19 | color: white; |
| 20 | } |
| 21 | |
| 22 | #after { |
| 23 | width: 150px; |
| 24 | background-color: blue; |
| 25 | color: white; |
| 26 | } |
| 27 | </style> |
| 28 | </head> |
| 29 | |
| 30 | <body> |
| 31 | <p><a href="https://bugs.webkit.org/show_bug.cgi?id=130499">Bug 130499 - [CSS Regions] Monolithic elements should not affect the layout of the content outside its region</a></p> |
| 32 | <p>The blue div should be positioned at the very top of the 2nd region.</p> |
| 33 | |
| 34 | <div class="region"> |
| 35 | <div id="mono" class="flow">MONOLITHIC</div> |
| 36 | </div> |
| 37 | |
| 38 | <div class="region"> |
| 39 | <div id="after" class="flow">AFTER - One one one one one one one one one one one one one one one one one</div> |
| 40 | </div> |
| 41 | </body> |
| 42 | </html> |