max-height-applies-to-018.html (602B)
1 <!DOCTYPE html> 2 <title>CSS Test: Max-Height applied to element with 'float' set to 'left'</title> 3 <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> 4 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights"> 5 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> 6 <meta name="assert" content="The float should be 100px tall, not 200px."> 7 8 <style> 9 .float { 10 float: left; 11 width: 100px; 12 height: 200px; 13 max-height: 100px; 14 background: green; 15 } 16 </style> 17 18 <p>Test passes if there is a filled green square.</p> 19 <div class="float"></div>