Html 容器背景不显示

我无法获取要为

body div.grid-container

显示的背景

CSS:

body div.grid-container{
宽度：100%；
最大宽度：1630px；
高度：自动；
位置：相对位置；
保证金：0自动；
填充：0；
背景：#d4e7ed；背景色：#d4e7ed；
}

我试过使用

display:block用于所有元素。
还是不行

你能帮我吗

该页面正在构建中，但仍然没有响应。所以如果你的屏幕宽度小于1630px。使用“Control”和“-”在Chrome中打开并缩小

谢谢。
您需要设置：

溢出：自动；

去你的部门

这是因为父div包含浮动的元素。当元素浮动时，它们不会强制父元素的高度展开。
您需要设置：

溢出：自动；

去你的部门

这是因为父div包含浮动的元素。当元素浮动时，它们不会强制父元素的高度扩展。
网格容器中包含的所有块似乎都向左浮动。然后，它们不会强制调整容器的高度。您需要向容器中添加一个。网格容器中包含的所有块似乎都向左浮动。然后，它们不会强制调整容器的高度。您需要将添加到容器中。
使用溢出，它将工作：）

溢出：隐藏；
使用溢出，它会工作：）

溢出：隐藏；
完美！谢谢@Brandon.Perfect！谢谢@Brandon.恶心。clearfix解决方案包含一个star hack。更不用说它有4行代码，17行未缩小，而1行，甚至没有解决真正的问题，即溢出。我使用clearfix，因为它允许在外部定位元素，但我承认在许多情况下它可能是多余的。而且因为我使用了css预处理器，所以我并不介意黑客的“丑陋”。clearfix解决方案包含一个star hack。更不用说它有4行代码，17行未缩小，而1行，甚至没有解决真正的问题，即溢出。我使用clearfix，因为它允许在外部定位元素，但我承认在许多情况下它可能是多余的。由于我使用的是css预处理器，所以我并不介意黑客的“丑陋”。