使边框环绕整个 window 导致显示垂直滚动条？

Question

通过搜索，我发现以下代码应该使边框环绕整个浏览器 window。

几乎...

即使 <body> 中的内容为零，垂直滚动条也会显示：

html {
    height: 100%;
}

body {
    min-height: 100%;

    margin: 0px;

    border: solid darkgreen;
}

我迫切需要一支救援队。

Answer 1

您只需将 box-sizing: border-box; 添加到您的 body CSS。

html {
    height: 100%;
}

body {
    min-height: 100%;    
    margin: 0px;    
    border: solid darkgreen;
    box-sizing: border-box; // add this line
}

阅读 MDN

中关于 box-sizing 的更多信息

使边框环绕整个 window 导致显示垂直滚动条？

Make a border go around entire window causes vertical scroll bar to show?

css

border