third_party/WebKit/LayoutTests/fast/table/table-split-percent-height.html


1
2
3
4
5
6
7
8
9
10
11
12
13

<!DOCTYPE html>
<p>There should be a blue square below.</p>
<div style="display:table; height:450px;">
    <div style="display:table-row-group;">
        <div></div>
        <div id="splitter" style="display:none;"></div>
        <div style="width:75px; height:50%; background:blue;"></div>
    </div>
</div>
<script>
    document.body.offsetTop;
    document.getElementById("splitter").style.display = "table-row";
</script>