abspos-containing-block-outside-spanner.html (892B)
1 <!DOCTYPE html> 2 <title>Abspos elements nested inside a column spanner</title> 3 <link rel="help" href="https://drafts.csswg.org/css-multicol/"> 4 <link rel="match" href="abspos-containing-block-outside-spanner-ref.html"> 5 <br><br><br><br><br> 6 <p>There should be no red.</p> 7 <div style="position:absolute; top:0; left:0; background-color:red; height:100px; width:100px;"></div> 8 <div style="position:absolute; bottom:0; right:0; background-color:red; height:100px; width:100px;"></div> 9 <div style="columns:3; column-gap:1em; width:20em;"> 10 <div style="position:relative;"> 11 <div style="column-span:all; height:50px;"> 12 <div style="position:absolute; top:0; left:0; background-color:green; height:100px; width:100px;"></div> 13 <div style="position:absolute; bottom:0; right:0; background-color:green; height:100px; width:100px;"></div> 14 </div> 15 </div> 16 </div>