如何将容器DIV的高度设置为窗口高度的100%?

前端之家收集整理的这篇文章主要介绍了如何将容器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

猜你在找的CSS相关文章