溢出-x：在Firefox上的自動問題/ ie

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

不，這不是一個特別的溢出x：自動問題。它是由具有寬度的元素引起的：100％與頁面上其他位置的固定寬度元素進行交互。在SO的#footer的情況下，它的寬度爲100％（隱式），而#content的寬度爲960px。

當頁面寬度縮小到960px以下時，#content的寬度將強制瀏覽器添加一個水平滾動條（隱式溢出x：auto）。由於#footer設置爲100％寬度，因此它只擴展到視口的100％，並且滾動條之外的部分不會正確添加背景顏色。

爲了解決這個問題，你可以將min-width declaration添加到CSS：

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