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