summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-grid/grid-item-percentage-quirk-002.html
blob: f795cd096d9f0cb2f63c3875f57306b2b5c982cb (plain)
1
2
3
4
5
6
7
8
9
<!-- quirks mode -->
<link rel="match" href="../../quirks/reference/green-100px-square-no-red.html">
<link rel="help" href="https://quirks.spec.whatwg.org/#the-percentage-height-calculation-quirk">
<p>There should be a filled green square below, and no red.</p>
<div style="width: 100px; height: 100px; overflow: hidden; background: green;">
  <div style="display: grid; position: relative; left: -20px;">
    <div width=10 height=10 style="height: 200%; width: 200px; background: red;"></div>
  </div>
</div>