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; |