overflow-x：firefox / ie上的auto问题

Question

我有这个问题和我的网站 css overflow-x：auto; 巧合的是，当我尝试使用stackoverflow.com时。我可以看到stackoverflow也有类似的问题。当我尝试使我的firefox / internet explorer 7 浏览器窗口屏幕更小时。我可以在右上角和右下角看到部分屏幕无法正常显示。这是因为overflow-x：auto？

我附上截图（屏幕截图1，右上角，标题无法正确渲染）

http://img12.imageshack.us/img12/43/stackoverflow2.png

（截图2，右下角，灰色不能正确渲染）

http://img204.imageshack.us/img204/4539/stackoverflow1.png

如何解决这个问题？如果能解决这个问题，还能解决我的网站问题。

Answer 1

这不是具体的overflow-x：auto问题。它是由宽度为100％的元素引起的：100％与页面上其他位置的固定宽度元素交互。在SO #footer的情况下，宽度：100％（隐式），而#content声明宽度：960px。

当页面宽度缩小到960px以下时，#content的宽度会强制浏览器添加水平滚动条（隐式overflow-x：auto）。由于#footer设置为100％宽度，因此它仅扩展到视口的100％，而滚动条之外的部分无法正确添加背景颜色。

要解决此问题，您可以向css添加min-width declaration：

#footer {
    min-width: 960px;
    /* other css goes m'ere */
}