你不加寬度的話，其他地方也沒設置寬度的話，那么它的寬度就是auto也就是100%。

我猜你指的是mainbody，這里mainbody它還有一個父級wrap呢，mainbody的寬度繼承了wrap的寬度。

當然你把wrap的寬度也去掉的話，整個的寬度就是屏幕（網頁視圖）寬度了。

所以為什么要加寬度呢？

??? 你讓mainbody維持原樣不動，不給它清除浮動，left和right都設置float: left ，然后給footer清除浮動，首先是

#footer?{
????background:#639;
????width:100%;
????clear:?both;
}

??? 你會看到藍色背景的wrap，當然黃色的mainbody受到浮動影響這里不顯示了

??? 現在！我們把footer的寬度去掉，clear也去掉，只要overflow：

#footer?{
????background:#639;
????overflow:hidden;
}

好的，你會發現footer沒有另起一行。

因為footer這時候沒有了我們設置的寬度屬性，它的寬度現在是auto的，這時候你設置隱藏溢出，瀏覽器可以計算它的高度，不會觸發溢出檢查，因為它的寬度是auto呀，擠進去并不會溢出。

那設置成10%的寬度呢？還是擠得下，還是沒有觸發溢出。所以，這時候你需要一個100%的寬度。

overflow 的原意是“溢出“，如果不加不能準確定位，相當于”ctrl+A“即全選