神奇的CSS样式

前言

这周主要对研究生试题录入系统进行原型开发，在张喜硕组长弄完UI之后，我发现在我这出现了一个不知缘由的样式错误，在我更新分支后

发现右边什么也没有了？？而在组长那显示是正常的

为什么出现这种情况？

当打开控制台时，浏览器右侧出现浏览器的滚动条，就把内容挤到下面了

HTML 设置content样式

css：

.content {
  height: calc(100vh - 72px);
  width: calc(100vw - 279px);
}

相对长度（vw）

相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。

解决

将css样式vw宽度改小点，把右侧的滚动条位置给留出来

.content {
  height: calc(100vh - 72px);
  width: calc(99vw - 279px);
}

结语

难道浏览器的滚动条也得考虑到宽度的范围之内么？