关于html:如何将高度设置为页面的100%?

How to set the height to 100% of the page?

本问题已经有最佳答案,请猛点这里访问。

我想从上到下扩展我的DIV,即使我认为我的DIV中没有足够的元素。

我把CSS设置成

1
2
3
4
5
6
7
#content{
    margin-top: 10px;
    padding: 15px;
    display:block;
    height:100%
    background-color:red;
}

我的HTML

1
    just a little bit of contents here.

我想从页面的顶部到底部一直看到红色背景。

我该怎么做?

谢谢


1
2
3
4
5
6
7
8
#content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: red;
}


您可以通过添加此CSS代码使其工作:

1
2
3
html, body {
    height: 100%;
}

JSfiddle演示。


把这个添加到你的内容分区,好好享受吧!

1
height: 100vh;