orthogonal-containing-block-height-changes.html (585B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-writing-modes/"> 3 <link rel="match" href="orthogonal-containing-block-height-changes-ref.html"> 4 <meta name="assert" content="orthogonal child box should get resized when containing block content box shrinks"> 5 <style> 6 #container { 7 height: 100px; 8 box-sizing: border-box; 9 } 10 .child { 11 writing-mode: vertical-rl; 12 width: 50px; 13 height: 100%; 14 background-color: green; 15 } 16 </style> 17 <div id=container> 18 <div class=child></div> 19 </div> 20 <script> 21 document.body.offsetTop; 22 container.style.paddingBottom = "50px"; 23 </script>