chromium/src/third_party/blink/web_tests/external/wpt/css/css-layout-api/auto-block-size/auto-block-size-absolute-ref.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
 .container {
   position: relative;
   margin: 20px 0;
   width: 200px;
   height: 200px;
   border: solid 2px;
 }

 .result {
   position: absolute;
   background: green;
 }
 </style>
 <div class="container">
   <div class="result" style="width: 100px; height: 100px; bottom: 0px;"></div>
 </div>
 <div class="container">
   <div class="result" style="width: 100px; height: 200px;"></div>
 </div>
 <div class="container">
   <div class="result" style="width: 100px; height: 100px;"></div>
 </div>
 <div class="container">
   <div class="result" style="width: 200px; height: 100px;"></div>
 </div>
	<!DOCTYPE html>
	<style>
	.container {
	position: relative;
	margin: 20px 0;
	width: 200px;
	height: 200px;
	border: solid 2px;
	}

	.result {
	position: absolute;
	background: green;
	}
	</style>
	<div class="container">
	<div class="result" style="width: 100px; height: 100px; bottom: 0px;"></div>
	</div>
	<div class="container">
	<div class="result" style="width: 100px; height: 200px;"></div>
	</div>
	<div class="container">
	<div class="result" style="width: 100px; height: 100px;"></div>
	</div>
	<div class="container">
	<div class="result" style="width: 200px; height: 100px;"></div>
	</div>