chromium/src/third_party/blink/web_tests/fast/css/absolute-child-with-percent-height-inside-relative-parent.html - manifest_repos/chromium_src - Git at Google

 <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>
	<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>