| <!DOCTYPE html> |
| <script src="../../resources/check-layout.js"></script> |
| <style> |
| .box { height:40px; background:blue; } |
| </style> |
| <p>If min-height is less than height, it has no effect.</p> |
| <p>Below there should be a blue square to the left of a hotpink square.</p> |
| <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;"> |
| <div data-offset-y="0" class="box"></div> |
| <div data-offset-y="40" class="box"></div> |
| <div data-offset-y="0" class="box"></div> |
| <div data-offset-y="40" class="box"></div> |
| </div> |
| <script> |
| checkLayout("#test"); |
| </script> |