intrinsic-percent-replaced-005.html (617B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes"> 3 <meta name="assert" content="Checks that a replaced element, with an aspect ratio, converts a percent height into an intrinsic width." /> 4 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 5 <style> 6 #container { position: relative; height: 100px; } 7 #abs { position: absolute; top: 0; bottom: 0; background: green; } 8 canvas { height: 100%; } 9 </style> 10 <p>Test passes if there is a filled green square.</p> 11 <div id=container> 12 <div id=abs> 13 <canvas width=10 height=10></canvas> 14 </div> 15 </div>