viewport-units-scrollbars-auto-vhw-001.html (751B)
1 <!DOCTYPE html> 2 <title>CSS Values and Units Test: Viewport units and scrollbars</title> 3 <meta charset="UTF-8"> 4 <meta name="assert" content="100vw is reduced by scrollbar width when the scrollbars are unconditional"> 5 <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/contact"> 6 <link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths"> 7 8 <link rel="match" href="viewport-units-scrollbars-auto-ltr-001-ref.html"> 9 10 <style> 11 html, body { 12 margin: 0; 13 padding: 0; 14 width: 100vw; 15 height: 100vh; 16 box-sizing: border-box; 17 } 18 html { 19 background: red; 20 overflow: auto; 21 width: 200%; 22 height: 200%; 23 } 24 body { 25 background: white; 26 border-right: solid blue 4px; 27 border-bottom: solid blue 4px; 28 } 29 </style>