神奇的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);
}

结语

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

你可能感兴趣的