Html 使用框大小：边框框后无需垂直滚动

级联样式表文件

body{ background: #000; padding: 20px; box-sizing: border-box; margin:0; }
.box{ width: 100%; height: 100vh; background: #ff0000; margin:0; padding: 0; }

html文件：

<div class="box"></div>

我已经使用了上面的代码，但为什么会出现垂直滚动

我不需要，因为我使用了

框大小：边框框

我需要我的箱子周围没有垂直卷轴的空间，高度应该是100%
 使用
高度：计算（100vh-40px）


body{background:#000；padding:20px；框大小：边框框；边距：0；}
.box{宽度：100%；高度：计算（100vh-40px）；背景：ff0000；边距：0；填充：0；}

您已将填充添加到主体中，作为顶部和底部的
20px
加在一起就是40px，所以基本上你需要减少（保证金或保证金）
使用
calc（100vh-40px）
功能从它开始填充。

下面显示的示例

注意：
calc
不是一个跨浏览器解决方案，它将适用于所有现代浏览器


body{background:#000；padding:20px；框大小：边框框；边距：0；}
.box{宽度：100%；高度：计算（100vh-40px）；背景：ff0000；边距：0；填充：0；}
<>代码> 嗨，你还可以添加你的HTML代码吗？我想问题是因为如果你使用高度：100VH，你需要考虑如果你有一些头部需要计算高度：Calc（100VH-{{$$页眉高度}）；所以加上这个：高度：calc（100vh-40px）；未显示ur代码的滚动条。。我签入了我的浏览器。。您使用的是哪种浏览器以及浏览器plz的版本？但这正是您想要的，不是吗？你问如何从卷轴上去掉……对不起。我听不懂你的问题？你能解释清楚吗？嗯，你最好解释一下你想发生什么，因为据我所知，你想让盒子全屏显示，没有滚动，但现在你想让滚动回来。。