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;。还是不行。

请问 Take a look here! .

页面正在 build 中，目前还没有响应。因此，如果您的屏幕尺寸小于 1630px 宽度。使用“Control”和“-”在 Chrome 中打开它并缩小。

谢谢。

Answer 1

你需要设置:

overflow: auto;

到你的分区。

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