2010-11-28 55 views
9

我正在設計一個網站,我有多個頁面使用相同的模板,有些頁面比瀏覽器窗口的高度更長,其他的不是。那些更長的被推到他左邊約10px,這可能聽起來不像很多,但切換頁面時,一切都跳到側面,這是顯而易見的。停止從推送內容左側滾動條

是否有一些CSS可以使每個頁面上的滾動條出現在內容上而不是推送它,我在模板中有一個邊距,所以如果瀏覽器窗口太小,它只會覆蓋邊距當用戶滾動到最右側時。

+0

我不明白這個問題。你的意思是你像這樣居中你的身體:`body {width:800px; margin:0px auto; }`? '我在模板中有餘量'是什麼意思?請添加您的代碼,以便我們看到實際發生的情況。 – Jan 2010-11-28 17:24:03

回答

20

要做到這一點的唯一方法是讓滾動條始終可見。

html { overflow-y: scroll; } 
+3

+1 - 這真的是最乾淨的方法 - 我知道的唯一的跨瀏覽器 – 2010-11-28 16:48:55

3

給出溢出值作爲疊加。這將避免重新計算滾動條出現時的佈局