blob: f5c3d7c1818366c403896bc1da44af11ed4e0f5b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!-- quirks mode -->
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#the-height-property">
<meta name="assert" content="The percentage height resolution quirk isn't applied to flexboxes.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<!-- Have to wait for onload to fire to ensure the image is loaded. -->
<body onload="checkLayout('#container')">
<p>There should be a green square to the left of a blue square, and no red.</p>
<div id="container" style="width:200px; height:456px;">
<div style="display:flex; background:blue;" data-expected-height="100">
<img style="width:100px; height: 50%;" src="support/1x1-green.png" data-expected-height="100">
<div style="width: 50px; height: 100%; background: red;" data-expected-height="0"></div>
</div>
</div>
|