用填料填充屏幕水平和垂直
用填料填充屏幕水平和垂直
提问于 2015-06-10 09:13:20
我在这儿把头发扯开了。有谁知道我怎么能得到一个div来填充屏幕的水平和垂直的？我可以让它水平填充，但它只是拒绝填充垂直，除非一个指定的宽度像素。我做错了什么？
这就是我想要完成的，不用滚动就可以得到底部填充：
谢谢!
HTML：
<div id="main">
<div class="main_content"></div>
</div>CSS：
#main {
margin-left:auto;
margin-right:auto;
height:100%;
width:auto;
padding-left:40px;
padding-right:40px;
padding-top:40px;
padding-bottom:40px;
}
.main_content {
width:auto;
height:100%;
background:#fff;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2015-06-10 09:24:35
设置百分比高度时，它与其容器相关，而容器必须具有显式高度。如果设置“高度: auto”，容器将接受其内容的高度。div的父级必须具有显式的高度属性，可以在“px”或“em”中设置。您也可以在“vh”中设置
Stack Overflow用户
发布于 2015-06-10 09:21:21
您可以添加height:100vh;
演示：http://jsfiddle.net/6yLhk17h/
Stack Overflow用户
发布于 2015-06-10 09:19:09
在样式表中添加以下代码。
html{
height: 100%;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30752049
复制相关文章
相似问题
腾讯云开发者
