multicol-span-all-children-height-009.html (1059B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-span"> 4 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 5 <style> 6 .ib { 7 display: inline-block; 8 vertical-align: top; 9 width: 100%; 10 height: 50px; 11 background: green; 12 } 13 </style> 14 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 15 <div style="width:100px; height:100px; background:red;"> 16 <div style="columns:10; width:100px; gap:0; orphans:1; widows:1;"> 17 <div style="height:250px;"> 18 <div style="height:1000px;"></div> 19 <div style="column-span:all; margin-top:-100px; height:50px; background:green;"></div> 20 </div> 21 <div class="ib"></div> 22 <div class="ib"></div> 23 <div class="ib"></div> 24 <div class="ib"></div> 25 <div class="ib"></div> 26 <div class="ib"></div> 27 <div class="ib"></div> 28 <div class="ib"></div> 29 <div class="ib"></div> 30 <div class="ib"></div> 31 </div> 32 </div>