multicol-fill-balance-028.html (689B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://www.w3.org/TR/css-multicol-1/#cf"> 4 <div id="multicol" style="columns:2;"> 5 <span> 6 <div style="float:left; width:100%; height:60px;"></div> 7 <div style="clear:left; float:left; width:100%; contain:size; height:40px;"></div> 8 <div style="clear:left; float:left; width:100%; height:90px;"></div> 9 </span> 10 </div> 11 <script src="/resources/testharness.js"></script> 12 <script src="/resources/testharnessreport.js"></script> 13 <script> 14 test(()=> { 15 assert_equals(multicol.offsetHeight, 100); 16 }, "Make room for the float in the first column"); 17 </script>