OLD | NEW |
(Empty) | |
| 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 larger than height, the final height will be set according t
o |
| 7 min-height. Content should fill columns to their full height (the same as th
e height of the |
| 8 multicol container), since we request column-fill:auto, and height is non-au
to, so we won't |
| 9 balance.</p> |
| 10 <p>Below there should be a blue square to the left of a hotpink square.</p> |
| 11 <div id="test" style="position:relative; -webkit-columns:4; -webkit-column-gap:0
; column-fill:auto; width:160px; height:40px; min-height:80px; background:hotpin
k;"> |
| 12 <div data-offset-y="0" class="box"></div> |
| 13 <div data-offset-y="40" class="box"></div> |
| 14 <div data-offset-y="0" class="box"></div> |
| 15 <div data-offset-y="40" class="box"></div> |
| 16 </div> |
| 17 <script> |
| 18 checkLayout("#test"); |
| 19 </script> |
OLD | NEW |