blob: 9be15e9b19fc1c0918ffa757ec3ace480fd3eed5 [file] [log] [blame]
stavila@adobe.comb0d86c42014-04-09 17:07:50 +00001<!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>