<html>
<head>
<script>
function test()
{
var float = document.getElementById("float");
var float2 = document.getElementById("float2");
document.body.offsetHeight;
float.parentNode.style.height = "40px";
document.body.offsetTop;
float.parentNode.removeChild(float);
document.body.offsetLeft;
float2.parentNode.style.height = "40px";
document.body.offsetTop;
float2.parentNode.removeChild(float2);
document.body.offsetLeft;
}
</script>
</head>
<body onload="test()">
<div style="height: 20px;">
<div style="background-color: gray;">
<div id="float" style="float: left; height: 30px; background-color: blue; width: 100px;"></div>
</div>
</div>
<div style="background-color: silver; height: 80px;">
<div></div>
</div>
<div style="height: 20px;">
<div style="background-color: gray;">
<div id="float2" style="float: left; height: 30px; background-color: blue; width: 100px;"></div>
</div>
</div>
<div style="background-color: silver; height: 80px;">
<div>This line should start at the left margin.</div>
</div>
<div style="height: 20px;">
<div style="background-color: gray; height: 40px;">
<div style="float: left; height: 30px; background-color: blue; width: 100px;"></div>
</div>
</div>
<div style="background-color: silver; height: 80px;">
This line should not overlap the blue box.
</div>
</body>
</html>
Codebase Browser
chromium