css - HTML5 边框底部显示错误（？）

Question

无法在我的 html 窗口/视口底部设置边框属性...

它就在最后一个 html 元素之后。例如 div。

有没有办法让它真正显示在窗口的底部？这是我的CSS：

html {
   border-bottom:5px solid rgb(17,17,17);
   border-top:5px solid rgb(17,17,17);
}

非常感谢！

Answer 1

在你的 html 中添加

html { 
    width:100%;
    /*height:99%; Fallback for older browsers*/
    height:calc(100% - 10px);       
    border-bottom:5px solid rgb(17,17,17);
    border-top:5px solid rgb(17,17,17);
}    

我认为这将解决您的问题。

这里是Demo

Answer 2

尝试将您的身体标签边距和内边距设置为 0px。

Answer 3

您需要指定宽度和高度。

html{
    border-bottom:5px;
    border-bottom-color:rgb(17, 17, 17);
    border-bottom-style:solid;
    border-top:5px;
    border-top-color:rgb(17, 17, 17);
    border-top-style:solid;
    width:100%;
    height:100%;
}

（这是一个比较差异的 imgur 专辑：http://imgur.com/a/Uneo5注意在第一张图片中，它下面有一个空格，这似乎是你的问题，而对于高度和宽度，它达到了文档底部）

编辑：如果您遇到滚动条问题，请尝试 99% 或 99.5% 等。