| <!DOCTYPE html> |
| <script src="../../resources/check-layout.js"></script> |
| <p>Min-height has no effect if it is less than the height of the content, and height is auto.</p> |
| <p>The word "OKAY" should be seen below.</p> |
| <div id="test" style="position:relative; -webkit-columns:4; width:4em; -webkit-column-gap:0; column-fill:auto; overflow:hidden; min-height:10px; line-height:20px;"> |
| <br> |
| <br> |
| <div data-offset-y="40">O</div> |
| <br> |
| <br> |
| <div data-offset-y="40">K</div> |
| <br> |
| <br> |
| <div data-offset-y="40">A</div> |
| <br> |
| <br> |
| <div data-offset-y="40">Y</div> |
| </div> |
| <script> |
| checkLayout("#test"); |
| </script> |