chromium/src/third_party/blink/web_tests/fast/block/float/float-should-dirty-line-even-when-it-doesnt-intersect-it.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
 .float {
     float:left;
     clear:left;
 }
 </style>
 <p> crbug.com/616167: There should be a green square below. </p>
 <div class="float">
     <div style="height: 50px; width: 100px; background-color: green;"></div>
 </div>
 <div class="float" id="float">
     <div style="display: none; height: 100px; width: 50px;" id="test"></div>
 </div>
 <div class="float">
     <div style="height: 50px; width: 100px; background-color: green;"></div>
 </div>
 <br>
 <script>
 document.getElementById("test").style.display = "block";
 document.body.offsetTop;
 document.getElementById("test").style.display = "none";
 </script>
	<!DOCTYPE html>
	<style>
	.float {
	float:left;
	clear:left;
	}
	</style>
	<p> crbug.com/616167: There should be a green square below. </p>
	<div class="float">
	<div style="height: 50px; width: 100px; background-color: green;"></div>
	</div>
	<div class="float" id="float">
	<div style="display: none; height: 100px; width: 50px;" id="test"></div>
	</div>
	<div class="float">
	<div style="height: 50px; width: 100px; background-color: green;"></div>
	</div>
	<br>
	<script>
	document.getElementById("test").style.display = "block";
	document.body.offsetTop;
	document.getElementById("test").style.display = "none";
	</script>