mark-layout-on-chain-of-pos-objects.html

<!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>

chromium/third_party/blink/web_tests/fast/block/positioning/mark-layout-on-chain-of-pos-objects.html