scrollbar-container-units-inline.html (802B)
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-inline-ref.html"> 4 <style> 5 .container { 6 display: inline-block; 7 border: solid 3px cornflowerblue; 8 width: 100px; 9 height: 100px; 10 container-type: inline-size; 11 } 12 div > div { 13 box-sizing: border-box; 14 width: 100cqw; 15 height: 200px; 16 border: solid 10px orange; 17 } 18 </style> 19 <div class="container" style="overflow-y: scroll;"> 20 <div></div> 21 </div> 22 <div class="container" style="overflow-y: auto;"> 23 <div></div> 24 </div> 25 <div class="container" style="overflow-y: auto; scrollbar-gutter: stable;"> 26 <div></div> 27 </div> 28 <div class="container" style="overflow-y: auto; scrollbar-gutter: stable;"> 29 <div style="height: 50px;"></div> 30 </div>