如何将容器DIV的高度设置为窗口高度的100％？

2018-07-02 01:39:27

我的容器DIV有几个问题。对于其中一个，它不能正确识别我的内容的高度（我原以为它会超出主内容和侧边栏的底部，但事实并非如此）。你可以在这个页面上看到我的意思。

我还希望容器DIV始终填充屏幕/窗口的可用高度。我曾尝试将其设置为min-height: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。

你设置了CSS：

html, body
{
    height: 100%;
}

你需要这个能够让div占据所有的空间。 :)

你可以将它设置为查看高度

html, body
{
    height: 100vh;
}

链接地址: http://www.djcxy.com/p/89399.html