html - 容器背景不会显示

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;所有元素。还是不行。

你能看看这里吗！.

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

谢谢。

Answer 1

你需要设置：

overflow: auto;

到你的 div。

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

Answer 2

使用溢出，它会工作:)

overflow: hidden;

Answer 3

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