scrollbar-width-paint-001-mis-ref.html (972B)
1 <!doctype html> 2 <style> 3 body { 4 display: flex; 5 flex-wrap: wrap; 6 } 7 8 .container { 9 scrollbar-gutter: stable; 10 flex: 0 0; 11 overflow: auto; 12 height: 200px; 13 min-width: 200px; 14 margin: 1px; 15 padding: 0px; 16 border: none; 17 background: deepskyblue; 18 } 19 20 .content { 21 height: 300px; 22 width: 300px; 23 } 24 25 .content.plain { 26 background: red; 27 } 28 29 .content.gradient { 30 background: linear-gradient(135deg, red, blue); 31 } 32 </style> 33 <div id="one" class="container thin"> 34 <div class="content plain"></div> 35 </div> 36 <div id="two" class="container auto"> 37 <div class="content plain"></div> 38 </div> 39 <div id="three" class="container auto"> 40 <div class="content plain"></div> 41 </div> 42 <div id="four" class="container none"> 43 <div class="content gradient"></div> 44 </div> 45 <div id="five" class="container none"> 46 <div class="content gradient"></div> 47 </div> 48 <div id="six" class="container thin"> 49 <div class="content gradient"></div> 50 </div>