本文引自：http://blog.csdn.net/gyy93/article/details/70905405

布局做好的頁面不會因為縮小瀏覽器窗口而右邊出現空白？


“發現現在縮小窗口，底部出現進度條，滑動至右邊，就出現空白”這個問題是個十分常見且容易忽略的bug。


原因是因為出現空白的元素設置了寬度100%，縮小窗口相當於減小了寬度值，那麽為什麽出現滾動條呢？


是因為頁面中至少有一個元素a的width大於窗口的width，導致把頁面撐開，出現了滾動條，而此時那個width：100%的元素寬度等於窗口寬度且小於元素a的寬度，所以右側的空白長度=a的寬度-窗口寬度。

所以你有2種解決辦法。

1即然滑動了滾動條，才會發現你原來比之前短了許多，那麽就幹脆不讓滾動條出現！將不良後果扼殺在搖籃之中。
body設置overflow：hidden，讓你丫撐頁面，這樣做的好處是用戶為了看全，不得不放大窗口，那麽100%的那位元素，就不會有空白了。


2習慣方法，給100%那個元素的父元素設置min-width=撐開頁面那個元素的寬度，這樣他們的寬度就保持一致了，空白就不會出現了。但是min-width在ie6以下不被支持怎麽辦？其實，現在還用ie6以下的人很少了。如果不想放棄這些用戶，唯一的方法，用js做判斷，與其這麽麻煩還是選方法一最實在噢。

轉載 | 縮小瀏覽器窗口右邊出現空白