在做不是響應(yīng)式的網(wǎng)頁中 ， 根據(jù)各自的需求，一般都給網(wǎng)頁設(shè)定一定的版心，有時(shí)會遇到下面這個(gè)問題！
有一個(gè)通欄的100%上有背景色的DIV，然后版心設(shè)置1200px居中顯示內(nèi)容，當(dāng)這網(wǎng)頁隨著瀏覽器窗口縮小后，縮小到出現(xiàn)橫向滾動條，然后往右拉滾動條的話，這個(gè)含有背景色的DIV就會出現(xiàn)留白空隙！今天就來說說如何解決該問題！
先舉個(gè)例子：
【網(wǎng)頁縮小瀏覽器窗口后背景色丟失解決方法 瀏覽器處于縮小狀態(tài)怎么辦】
縮小瀏覽器出現(xiàn)滾動條后效果圖：
把橫向滾動條向右拉，超出視口的部分丟失了背景色：
解決方法：
在外層div上面設(shè)置min-width: 1200px;即可解決
外層div的寬度是100%，就是視口的大?。?當(dāng)視口被拉窄到小于內(nèi)層div的寬度1200px時(shí)，比如800px，此時(shí)外層div寬度為800px，內(nèi)層div寬度依然為1200px，而css中只設(shè)置了外層div有背景色 ， 所以說只有800px那一部分會顯示背景色 ， 而超出視口的部分是屬于內(nèi)層div的，內(nèi)層沒有設(shè)置背景色 ， 所以是空白！
