absolute-child-with-percent-height-inside-relative-parent.html

<html>
<head>
    <style type="text/css">
        body {text-align:center; overflow: hidden;}
        body * {
            width: 80%;
            display: inline-block;
        }
        body > div {background: blue;}
        body > div > div {background: red;}
    </style>
	</head>
	<body>
		<div style="height:30px;position:relative;padding-bottom:200px;">
			<div style="height: 100%;position:absolute;">
				<img src="resources/show-shoes-vs-pie.png" style="height: 100%;">
			</div>
		</div>
    </body>
</html>

chromium/third_party/blink/web_tests/fast/css/absolute-child-with-percent-height-inside-relative-parent.html