third_party/WebKit/LayoutTests/fast/multicol/min-height-less-than-height.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/check-layout.js"></script>
   3 <style>
   4     .box { height:40px; background:blue; }
   5 </style>
   6 <p>If min-height is less than height, it has no effect.</p>
   7 <p>Below there should be a blue square to the left of a hotpink square.</p>
   8 <div id="test" style="position:relative; -webkit-columns:4; -webkit-column-gap:0; column-fill:auto; width:160px; height:80px; min-height:40px; background:hotpink;">
   9     <div data-offset-y="0" class="box"></div>
  10     <div data-offset-y="40" class="box"></div>
  11     <div data-offset-y="0" class="box"></div>
  12     <div data-offset-y="40" class="box"></div>
  13 </div>
  14 <script>
  15     checkLayout("#test");
  16 </script>