当设置width: 100vh时，div下的额外空白(白色)空间

当设置width: 100vh时，div下的额外空白(白色)空间是由于CSS盒模型的影响。CSS中的盒模型由四个部分组成：内容区域、内边距、边框和外边距。width属性定义了元素的内容区域的宽度，但是并不包括内边距、边框和外边距。

当设置width: 100vh时，元素的宽度被设置为视口高度的100%，而视口高度是浏览器窗口的高度。然而，这个百分比只适用于内容区域的宽度，并不包括内边距、边框和外边距。因此，如果div元素有设置了内边距、边框或外边距，那么这些部分会在内容区域的基础上增加额外的宽度，导致元素的总宽度超过了100vh。

解决这个问题的一种方法是使用box-sizing属性，并将其设置为border-box。这样，元素的宽度将包括内边距和边框，而不会超出100vh。可以使用以下CSS代码解决这个问题：

div { box-sizing: border-box; width: 100vh; }

此外，还可以通过调整内边距、边框和外边距的值，以使元素适应100vh的宽度。