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