out-of-flow-in-multicolumn-014.html (871B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://www.w3.org/TR/css-position-3/#abspos-breaking"> 3 <!-- This test requires a 300px tall multicolumn to reproduce the issue. --> 4 <link rel="match" href="out-of-flow-in-multicolumn-014-ref.html"> 5 <!-- Fragmented OOF element with block-size percentage resolution and overflow. --> 6 <style> 7 #multicol { 8 columns: 2; 9 width: 300px; 10 height: 300px; 11 column-fill: auto; 12 column-gap: 0px; 13 background-color: red; 14 } 15 .rel { 16 position: relative; 17 } 18 .abs { 19 position: absolute; 20 top: 0px; 21 width: 150px; 22 height: 150px; 23 background: green; 24 } 25 </style> 26 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 27 <div id="multicol"> 28 <div style="width: 150px; height: 450px; background-color: green;"></div> 29 <div class="rel"> 30 <div class="abs"></div> 31 </div> 32 </div>