diff --git a/css/css-values/viewport-units-scrollbars-auto-ltr-001-ref.html b/css/css-values/viewport-units-scrollbars-auto-ltr-001-ref.html
new file mode 100644
index 00000000000000..a8cc95cdda1d35
--- /dev/null
+++ b/css/css-values/viewport-units-scrollbars-auto-ltr-001-ref.html
@@ -0,0 +1,33 @@
+<!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">
+
+
+<!-- This reference assumes that a <div> scrollbar looks identical to the root scrollbar. -->
+<style>
+html, body {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+html {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+body {
+  width: 100%;
+  height: 100%;
+  background: white;
+  overflow: auto;
+}
+div {
+  width: 200%;
+  height: 200%;
+  border-right: solid blue 4px;
+  border-bottom: solid blue 4px;
+}
+</style>
+
+<div></div>
diff --git a/css/css-values/viewport-units-scrollbars-auto-vhw-001.html b/css/css-values/viewport-units-scrollbars-auto-vhw-001.html
new file mode 100644
index 00000000000000..04b959fa49a4bf
--- /dev/null
+++ b/css/css-values/viewport-units-scrollbars-auto-vhw-001.html
@@ -0,0 +1,29 @@
+<!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-auto-ltr-001-ref.html">
+
+<style>
+html, body {
+  margin: 0;
+  padding: 0;
+  width: 100vw;
+  height: 100vh;
+  box-sizing: border-box;
+}
+html {
+  background: red;
+  overflow: auto;
+  width: 200%;
+  height: 200%;
+}
+body {
+  background: white;
+  border-right: solid blue 4px;
+  border-bottom: solid blue 4px;
+}
+</style>
diff --git a/css/css-values/viewport-units-scrollbars-scroll-blank-001-ref.html b/css/css-values/viewport-units-scrollbars-scroll-blank-001-ref.html
new file mode 100644
index 00000000000000..f0718d0e8d28f5
--- /dev/null
+++ b/css/css-values/viewport-units-scrollbars-scroll-blank-001-ref.html
@@ -0,0 +1,13 @@
+<!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 {
+  overflow: scroll;
+}
+body {
+  background: white;
+}
+</style>
diff --git a/css/css-values/viewport-units-scrollbars-scroll-ltr-001-ref.html b/css/css-values/viewport-units-scrollbars-scroll-ltr-001-ref.html
new file mode 100644
index 00000000000000..fe9a454525c215
--- /dev/null
+++ b/css/css-values/viewport-units-scrollbars-scroll-ltr-001-ref.html
@@ -0,0 +1,22 @@
+<!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>
diff --git a/css/css-values/viewport-units-scrollbars-scroll-vhw-001.html b/css/css-values/viewport-units-scrollbars-scroll-vhw-001.html
new file mode 100644
index 00000000000000..c44edc2da804a1
--- /dev/null
+++ b/css/css-values/viewport-units-scrollbars-scroll-vhw-001.html
@@ -0,0 +1,28 @@
+<!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>
+
