全高度div不拉伸

Question

您好我已经在网站上工作了一段时间，改进了代码等。我刚刚注意到，在较小的屏幕上，白色背景的高度并没有超出所有内容。

设置min-height: 100%;和height: 100%;似乎无法解决问题，您认为这可能是因为很多内容都是浮动的吗？

我们非常感谢任何建议。

Answer 1

在div.container上，移除height: 100%并添加overflow: auto。

Answer 2

从容器中删除“height：100％”，从页脚“float：left”中删除“clear：both”到页脚。这将清除容器中的所有浮动，并且无论浏览器大小如何，容器的背景颜色都将一直显示在页面下方。

Answer 3

您可以inline-block使用主div，例如： -

div.container{
   display:inline-block;
}

Answer 4

尝试将overflow：hidden;在您要在其余内容下清除的容器上