Question

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

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

有没有办法，所以它会真正显示在窗口的底部？这是我的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％等。

HTML5 border-bottom显示错误（？）

3 个答案: