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