OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Column and multicol content top overflow clipping</title> | 4 <title>Column and multicol content top overflow clipping</title> |
5 <script> | |
6 if (window.internals) | |
7 internals.settings.setRegionBasedColumnsEnabled(true); | |
8 </script> | |
9 <style> | 5 <style> |
10 .mc { | 6 .mc { |
11 columns: 3; | 7 columns: 3; |
12 column-gap: 15px; | 8 column-gap: 15px; |
13 column-fill: auto; | 9 column-fill: auto; |
14 -webkit-columns: 3; | 10 -webkit-columns: 3; |
15 -webkit-column-gap: 15px; | 11 -webkit-column-gap: 15px; |
16 width: 600px; | 12 width: 600px; |
17 height: 100px; | 13 height: 100px; |
18 } | 14 } |
19 </style> | 15 </style> |
20 </head> | 16 </head> |
21 <body> | 17 <body> |
22 <p>There should be a 100x100 blue square below.</p> | 18 <p>There should be a 100x100 blue square below.</p> |
23 <div class="mc" style="margin-left:50px; margin-top:20px;"> | 19 <div class="mc" style="margin-left:50px; margin-top:20px;"> |
24 <div style="width:100px; height:100px; background:blue;"></div> | 20 <div style="width:100px; height:100px; background:blue;"></div> |
25 </div> | 21 </div> |
26 </body> | 22 </body> |
27 </html> | 23 </html> |
OLD | NEW |