容器背景不会显示

Question

我无法显示body div.grid-container的背景信息。

CSS：

body div.grid-container {
    width: 100%;
    max-width: 1630px;
    height: auto;

    position: relative;
    margin: 0 auto;
    padding: 0;

    background: #d4e7ed; background-color: #d4e7ed;
}

我尝试将display: block;用于所有元素。 仍然无法工作。

请你 Take a look here! 。

该网页正在建设中，但仍然没有响应。因此，如果您的屏幕尺寸小于1630px的宽度。在Chrome中打开并缩小，使用“控制”和“ - ”。

感谢。

Answer 1

您需要设置：

overflow: auto;

到你的div。

这是因为父div包含浮动的元素。当元素浮动时，它们不会强制父元素的高度扩展。

Answer 2

使用溢出，它将起作用：）

overflow: hidden;

Answer 3

似乎网格容器中包含的所有块都向左浮动。然后他们不会强迫他们的容器高度调整。您需要在容器中添加clearfix。