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

 <!DOCTYPE html>
 <style>
 .test {
   background: green;
   position: absolute;
 }

 .container-1 {
   border: solid 2px;
   position: relative;
   height: 200px;
   width: 300px;
 }

 .container-2 {
   border: solid 2px;
   position: relative;
   height: 25px;
   width: 25px;
 }

 .horizontal {
   writing-mode: horizontal-tb;
 }

 .vertical {
   writing-mode: vertical-rl;
 }

 </style>

 <div class="container-1">
   <div class="horizontal test" style="height: 100px; width: 100px; bottom: 0px;"></div>
   <div class="vertical test" style="height: 100px; width: 100px; right: 0px;"></div>
 </div>

 <div class="container-2">
   <div class="horizontal test" style="height: 25px; width: 50px; bottom: 0px;"></div>
 </div>

 <div class="container-2">
   <div class="vertical test" style="height: 50px; width: 25px; right: 0px;"></div>
 </div>
	<!DOCTYPE html>
	<style>
	.test {
	background: green;
	position: absolute;
	}

	.container-1 {
	border: solid 2px;
	position: relative;
	height: 200px;
	width: 300px;
	}

	.container-2 {
	border: solid 2px;
	position: relative;
	height: 25px;
	width: 25px;
	}

	.horizontal {
	writing-mode: horizontal-tb;
	}

	.vertical {
	writing-mode: vertical-rl;
	}

	</style>

	<div class="container-1">
	<div class="horizontal test" style="height: 100px; width: 100px; bottom: 0px;"></div>
	<div class="vertical test" style="height: 100px; width: 100px; right: 0px;"></div>
	</div>

	<div class="container-2">
	<div class="horizontal test" style="height: 25px; width: 50px; bottom: 0px;"></div>
	</div>

	<div class="container-2">
	<div class="vertical test" style="height: 50px; width: 25px; right: 0px;"></div>
	</div>