OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 body { overflow:hidden; } /* Prevent extra layout pass (which could hide the problem) */ | |
leviw_travelin_and_unemployed
2015/12/01 18:26:40
Scrollbar spam!
| |
4 </style> | |
5 <p>In nested multicol, test that an inner spanner that follows a | |
6 column row whose contents cannot be evenly balanced (the row has 2 | |
7 columns and 5 lines of equal height) ends up where it should.</p> | |
8 <p>There should be a blue square below.</p> | |
9 <div style="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:120 px; line-height:120px; height:360px;"> | |
10 <div style="-webkit-columns:2; -webkit-column-gap:0;"> | |
11 <div style="background:blue;"><br></div> <!-- first line in first column --> | |
12 <br> | |
13 <br> | |
14 <div style="background:blue;"><br></div> <!-- first line in second colum n --> | |
15 <br> | |
16 <div style="-webkit-column-span:all; background:blue;"><br></div> | |
17 <br> | |
18 <br> | |
19 <br> | |
20 <br> | |
21 <div style="background:blue;"><br></div> <!-- first line in fourth colum n --> | |
22 <br> | |
23 <div style="background:blue;"><br></div> <!-- first line in fifth column --> | |
24 </div> | |
25 </div> | |
OLD | NEW |