third_party/WebKit/LayoutTests/fast/multicol/float-beside-bfc.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/check-layout.js"></script>
   3 <style>
   4     .part { -webkit-column-break-inside:avoid; width:50px; height:100px; background:hotpink; }
   5 </style>
   6 <p>Check that an overflow:hidden block dodges floats.</p>
   7 <p>There should be a hotpink square below.</p>
   8 <div style="-webkit-columns:3;">
   9     <div class="part" style="float:left;"></div>
  10     <div id="bfc-inflow" class="part" style="overflow:hidden;" data-total-x="58" data-expected-width="50"></div>
  11 </div>
  12 <p id="result"></p>
  13 <script>
  14     checkLayout("#bfc-inflow", document.getElementById("result"));
  15 </script>