out-of-flow-in-multicolumn-004-ref.html (670B)
1 <!DOCTYPE html> 2 <!-- Simulate two multi-column containers with an out-of-flow positioned child that 3 fragments, even in the presence of break-inside: avoid and break-before: column. --> 4 <style> 5 .initial { 6 float: left; 7 height: 20px; 8 width: 20px; 9 background: blue; 10 } 11 .first-fragment { 12 width: 40px; 13 height: 20px; 14 background: green; 15 margin-top: 10px; 16 } 17 .second-fragment { 18 width: 40px; 19 height: 10px; 20 background: green; 21 margin-left: 50px; 22 } 23 </style> 24 <div class="initial"></div> 25 <div class="second-fragment"></div> 26 <div class="first-fragment"></div> 27 <div class="initial"></div> 28 <div class="second-fragment"></div> 29 <div class="first-fragment"></div>