blob: c0660ca95389f157eacc388e1a9a4a182b9428ff [file] [log] [blame]
<!DOCTYPE html>
img { height: 100%; }
div { display: table; height: auto; }
body { height: 400px; }
<script src="../../resources/check-layout.js"></script>
The square below should be 100px by 100px.
<!-- -->
<!-- In strict mode, an image with height set to 100% and a fixed height ancestor should expand to its instrinsic height and width. -->
<!-- Percentage height "is calculated with respect to the height of the generated box's containing block." -->
<div style="-webkit-writing-mode: vertical-lr;">
<img src="resources/square-blue-100x100.png" onload="checkLayout('img')" data-expected-height=100>