Blitz - WPT: viewport-units-scrollbars-scroll-vhw-001.html

wpt / css / css-values / viewport-units-scrollbars-scroll-vhw-001.html

/css/css-values/viewport-units-scrollbars-scroll-vhw-001.html

<!DOCTYPE html>
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
<meta charset="UTF-8">
<meta name="assert" content="100vw is reduced by scrollbar width when the scrollbars are unconditional">
<link rel="author"  title="fantasai" href="http://fantasai.inkedblade.net/contact">
<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">

<link rel="match" href="viewport-units-scrollbars-scroll-ltr-001-ref.html">

<style>
html, body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
}
html {
  background: red;
  overflow: scroll;
}
body {
  background: white;
  border-right: solid green 4px;
  border-bottom: solid green 4px;
}
</style>

/css/css-values/viewport-units-scrollbars-scroll-ltr-001-ref.html

<!DOCTYPE html>
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
<meta charset="UTF-8">
<link rel="author"  title="fantasai" href="http://fantasai.inkedblade.net/contact">

<style>
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
html {
  overflow: scroll;
}
body {
  background: white;
  border-right: solid green 4px;
  border-bottom: solid green 4px;
}
</style>