前端之家收集整理的这篇文章主要介绍了
如何将容器DIV的高度设置为窗口高度的100%?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的容器DIV有几个问题。对于一个,它不能正确地识别我的
内容的高度(我会认为它会延伸到主要
内容和
侧边栏的
底部,但不是)。你可以看看我在
this page的意思。
我也希望容器DIV始终填满屏幕/窗口的可用高度。我已经尝试将其设置为最小高度:100%,但这没有任何影响。
这是我用于容器DIV的CSS:
#container {
padding: 0;
margin: 0;
background-color: #292929;
width: 1200px;
margin: 0 auto;
min-height: 100%;
}
我会感谢任何帮助,使这项工作。
谢谢,
缺口
将其
添加到您的css中:
html,body {
height:100%;
}
如果你说高度:100%,你的意思是’100%的父元素’。如果父元素没有指定高度,则不会发生任何事情。你只设置100%的身体,但你也需要添加到html。
原文链接:https://www.f2er.com/css/218149.html