使边框环绕整个窗口会导致显示垂直滚动条? [复制]

Posted

技术标签:

【中文标题】使边框环绕整个窗口会导致显示垂直滚动条? [复制]【英文标题】:Make a border go around entire window causes vertical scroll bar to show? [duplicate] 【发布时间】:2019-05-25 23:00:54 【问题描述】:

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

几乎……

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

html 
    height: 100%;


body 
    min-height: 100%;

    margin: 0px;

    border: solid darkgreen;

我急需一支救援队。

【问题讨论】:

【参考方案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的信息

【讨论】:

是的!这是否与保证金崩溃有关? 我猜不是,Check this out

以上是关于使边框环绕整个窗口会导致显示垂直滚动条? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

word 中水平滚动条与垂直滚动条怎样设置与取消??

检测窗口垂直滚动条何时出现

检测窗口垂直滚动条何时出现

如何在 C# 中向窗口添加滚动条

如何隐藏显示 HTML5 标记的 Web 浏览器控件 (IE) 的滚动条和窗口边框?

垂直滚动条导致水平滚动条