scrollbar-container-units-block.html (578B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/10043#issuecomment-2165291421"> 3 <link rel="match" href="scrollbar-container-units-block-ref.html"> 4 <style> 5 .container { 6 display: inline-block; 7 border: solid 3px cornflowerblue; 8 width: 100px; 9 height: 100px; 10 container-type: size; 11 } 12 div > div { 13 box-sizing: border-box; 14 width: 200px; 15 height: 100cqh; 16 border: solid 10px orange; 17 } 18 </style> 19 <div class="container" style="overflow-x: scroll;"> 20 <div></div> 21 </div> 22 <div class="container" style="overflow-x: auto;"> 23 <div></div> 24 </div>