Since the introduction of CSS viewport units in 2012, many of us have been using width: 100vw as a way to set an element’s width to the full width of the viewport. But, as Šime Vidas explains in this deep dive, 100vw does not always represent the full width of the viewport due to differences in how browsers handle scrollbars. Learn why this is an issue, how to avoid it, and what approaches we may
![New CSS Viewport Units Do Not Solve The Classic Scrollbar Problem — Smashing Magazine](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac8282bb056b4a3a6543cf226ba90d1dada3b7da/height=288;version=1;width=512/https%3A%2F%2Ffiles.smashing.media%2Farticles%2Fcss-viewport-units-not-solve-classic-scrollbar-problem%2Fnew-css-viewport-units-not-solve-classic-scrollbar-problem.jpg)