固定宽度div在调整浏览器窗口大小时失去其背景颜色

时间:2010-08-10 20:04:17

标签: html css resize background-color

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

  1. 标题2.内容3.页脚和每个页脚都有一个固定的宽度div,可以容纳2-3列文本。内容div和它内部的固定宽度div具有相同的背景颜色,但是当我减小浏览器窗口的大小时,由于某种原因它忽略了内容div的颜色并显示了html主体的颜色。
  2. 这是另一个网站的例子: http://encourageothers.com/ ...将浏览器的大小减小到小于900像素左右,并向右水平滚动...你会明白我的意思。

    请帮帮我! ......这让我疯了!

2 个答案:

答案 0 :(得分:4)

jake绝对正确,与浏览器的视口相关的100%宽度。

而不是添加额外的最大宽度,为显示调整大小问题的div添加一个额外的MIN宽度。如果您在滚动条出现之前的最小宽度是1200px - 只需给出相关的div最小宽度为1200px。

答案 1 :(得分:1)

找到解决方案! ...只要你看到这个问题,只需设置一个像素的最大宽度和100%的宽度。适合我。