css 固定宽度div失去其背景色后，浏览器窗口

imzjd6km 于 5个月前发布在其他

关注(0)|答案(3)|浏览(53)

我正在创建一个基于960网格系统的博客。它有三个简单的div：

header 2. Content 3. Footer，每个都有一个固定宽度的div，它包含2-3列文本。内容div和它里面的固定宽度div具有相同的背景颜色，但是当我缩小浏览器窗口的大小时，由于某种原因，它忽略了内容div的颜色，并显示了html主体的颜色。
这里有一个例子，另一个网站，它发生：http://encourageothers.com/...减少浏览器的大小到小于900像素左右，并水平滚动到右边...你会明白我的意思。
帮帮我！...我快疯了！！

3条答案

jake是绝对正确的100%宽度与浏览器的视口相关。
而不是添加一个额外的最大宽度，添加一个额外的最小宽度的div显示大小的问题.如果你的最小宽度，在滚动条出现之前，是1200像素-只是给予的div在问题的最小宽度1200像素.

找到解决方案了！.

我也遇到了这个问题。
在div容器上设置宽度（以像素为单位）可能会导致溢出问题。如果使用rem或em也是如此。我需要一个不同的解决方案。
我的解决方案是在div容器上设置display：inline-block;并将其 Package 在div中。

body {
    background-color: gray;
}
.container {
    background-color: red;
    display:inline-block;
}

个字符
x1c 0d1x的数据
上图显示了问题的样子。要重新创建问题，只需在容器div上设置display：block;并调整浏览器窗口的大小，直到看到底部的滚动条，然后将滚动条一直向右移动。
你可能已经注意到了，这个问题不会发生在body标签有背景的时候，但是会发生在div标签有红色背景的时候。