grid-container-scrollbars-sizing-002-ref.html (687B)
1 <!DOCTYPE html> 2 <style> 3 .grid { 4 display: block; 5 background-color: grey; 6 overflow: scroll; 7 } 8 .inline-grid { 9 display: inline-block; 10 background-color: grey; 11 overflow: scroll; 12 } 13 .gridItem { 14 display: block; 15 width: 100px; 16 height: 100px; 17 background: green; 18 } 19 .fit-content { 20 width: fit-content; 21 } 22 </style> 23 <body> 24 <div class='grid fit-content'> 25 <span class='gridItem'></span> 26 </div> 27 <div class='grid fit-content' style='overflow-y: hidden'> 28 <span class='gridItem'></span> 29 </div> 30 <div class='inline-grid fit-content'> 31 <span class='gridItem'></span> 32 </div> 33 <div class='inline-grid fit-content' style='overflow-y: hidden'> 34 <span class='gridItem'></span> 35 </div> 36 </body>