| <!DOCTYPE html> |
| <script src="../../resources/check-layout.js"></script> |
| <p>Min-height should make the multicol container taller if min-height is greater than the content |
| height, but it should not affect column balancing. We specify column-fill:auto here, but the |
| columns should still be balanced, because height is auto.</p> |
| <p>Below there should be a yellow square with the word "OKAY" inside - from left to right, with large letter spacing.</p> |
| <div id="test" style="position:relative; -webkit-columns:8; -webkit-column-gap:0; column-fill:auto; width:160px; min-height:160px; line-height:20px; background:yellow;"> |
| <div data-offset-y="0">O</div> |
| <div data-offset-y="0">K</div> |
| <div data-offset-y="0">A</div> |
| <div data-offset-y="0">Y</div> |
| </div> |
| <script> |
| checkLayout("#test"); |
| </script> |
