chromium/src/third_party/blink/web_tests/external/wpt/css/css-flexbox/abspos/position-absolute-containing-block-002-ref.html - manifest_repos/chromium_src - Git at Google

 <!doctype html>
 <title>CSS Test Reference</title>
 <meta charset="utf-8">
 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
 <style>
 .parent {
   position: fixed;
   top: 0;
   left: 0;
   display: block;
   width: 200px;
   height: 200px;
   background: yellow;
 }

 .child {
   position: absolute;
   left: 60px;
   top: 60px;
   width: 100px;
   height: 100px;
   background: green;
 }
 </style>
 <div class="parent"><div class="child"></div></div>
	<!doctype html>
	<title>CSS Test Reference</title>
	<meta charset="utf-8">
	<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
	<style>
	.parent {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 200px;
	height: 200px;
	background: yellow;
	}

	.child {
	position: absolute;
	left: 60px;
	top: 60px;
	width: 100px;
	height: 100px;
	background: green;
	}
	</style>
	<div class="parent"><div class="child"></div></div>