flex-minimum-height-flex-items-022.html (725B)
1 <!DOCTYPE html> 2 <title>Minimum height of a replaced element with borders</title> 3 <link rel="author" title="Google LLC" href="https://www.google.com/" /> 4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" /> 5 <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> 6 7 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 8 9 <div style="height: 100px; overflow: hidden;"> 10 <div style="display: flex; flex-direction: column; height: 0; width: 100px;"> 11 <img src="support/1x1-green.png" style="border-bottom: 99px solid green;"> 12 <div style="background-color: red; min-height: 100px;"></div> 13 </div> 14 </div>