chromium/src/third_party/blink/web_tests/fast/block/positioning/mark-layout-on-chain-of-pos-objects.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <p>crbug.com/615056: There should be a green square below.</p>
 <div style="position: relative;">
     <div style="position: absolute;">
         <span style="position: relative;">
             <div style="position: absolute;">
                 <div style="display: none; height: 50px; width: 50px; background-color: green;" id="child">
                 </div>
             </div>
         </span>
     </div>
 </div>
 <script>
 document.body.offsetTop;
 document.getElementById("child").style.display = "block";
 </script>
	<!DOCTYPE html>
	<p>crbug.com/615056: There should be a green square below.</p>
	<div style="position: relative;">
	<div style="position: absolute;">
	<span style="position: relative;">
	<div style="position: absolute;">
	<div style="display: none; height: 50px; width: 50px; background-color: green;" id="child">
	</div>
	</div>
	</span>
	</div>
	</div>
	<script>
	document.body.offsetTop;
	document.getElementById("child").style.display = "block";
	</script>