scrollbar-gutter-root-both-edges.html (808B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: scrollbar-gutter on the root element</title> 4 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property"> 5 <link rel="match" href="scrollbar-gutter-root-both-edges-ref.html"> 6 7 <style> 8 body,html { 9 background-color: blue; 10 margin: 10px; 11 padding: 10px; 12 border: 5px solid black; 13 } 14 15 body{ 16 border: 5px solid green; 17 } 18 19 20 :root { 21 scrollbar-gutter: stable both-edges; 22 } 23 p { 24 background-color: purple; 25 color: white; 26 } 27 div { 28 position:absolute; 29 left:-20px; 30 top:150px; 31 background-color: green; 32 width: 100px; 33 height: 100px; 34 transform: translateZ(0); 35 } 36 </style> 37 <p id="content">Should not have space around me in the inline axis.</p> 38 <div></div>