| <!DOCTYPE html> | |
| <p>crbug.com/561612: There should be a blue <em>square</em> below.</p> | |
| <div id="container" style="height:100px; box-sizing:border-box;"> | |
| <div id="child" style="-webkit-writing-mode:vertical-rl; width:40px; height:100%; background:blue;" data-expected-height=40></div> | |
| </div> | |
| <script src="../../resources/check-layout.js"></script> | |
| <script> | |
| document.body.offsetTop; | |
| document.getElementById("container").style.paddingBottom = '60px'; | |
| checkLayout('#child'); | |
| </script> |