縮小瀏覽器滾動軸頁面背景出現空白

主要內容在中間1200px部分，背景經過css控制:

footer{width:100%; background:#ccc;}

但在縮小瀏覽器寬度小於1200px時候，下方出現滾動軸，拉伸到右側能夠看到背景空白部分，不是所願。

搬運其餘解釋：

問題的根本在於：當窗口縮小時，瀏覽器默認100%寬度爲瀏覽器窗口的寬度。而忽略了下部內容層固定寬度(1200px)。從而出現了固定寬度大於100%寬度的現象。瀏覽以此理解來解析頁面，就出現了容器寬度理解上的差別，出現了一個很是奇特的BUG。

問題的解決之道：既然是寬度理解上的差別，只須要告知瀏覽器頁面容器的寬度，底部元素的寬度不能小於內容層的寬度便可。當瀏覽器窗口縮小時，保持頁面容器和頭部元素的最小寬度爲內容層的寬度。

這邊設置，body{min-width:1200px;}能夠解決此問題。