無法弄清楚爲什麼頁面有滾動條

我遇到了一個簡單的單頁網站的問題。它可以找到here。我試圖做一個小提琴，但無法重現問題。無法弄清楚爲什麼頁面有滾動條

正如你所看到的，會出現一個滾動條（在Chrome和FF測試）。但我找不到它的起源地！我嘗試了很多overflow: hidden（我想避免）和cleafixes，但沒有任何幫助。任何人都可以找到問題嗎？

編輯：我知道身上的100％身高對它有影響，但是這個應該不是是個問題。身體應該和html一樣高。但由於某些原因，body有一個margin-top，或者html有一個padding-top。我不知道是什麼造成的。

2014-02-20 Bram Vanroy

的問題是，你心裏的100％的高度設置的身體和你的＃主包裝你設置20像素（頂部和底部）的保證金，就這樣，因爲你的身體標籤的父主包裝，它現在有一個20px的頂部邊距，所以最終的高度是100％+ 20px，這是導致滾動條。爲了解決這個問題，只需刪除100％的高度或用「margin：0 auto; padding：20px 0」替換「margin：20px auto」。

來源

2014-02-20 23:13:17 rampaign

你可以從你的身體或HTML刪除height:100%。

來源

2014-02-20 21:12:32 apohl

看我的編輯。我知道這是一種可能性，但這不是問題 - 所以我寧願不要。 –

好像你的「身高：100％」對身體造成它創建一個滾動條;嘗試刪除它。

來源

2014-02-20 21:15:40 user3314468

看我的編輯。我知道這是一種可能性，但這不是問題 - 所以我寧願不要。 –

其實，這是一個問題，因爲身體被佔用的父元素，這是HTML的100％，你對此是推動您的文檔的其餘部分了你＃主包裝的餘量。實際上，這導致您的變大，最後，身體需要進一步下降以適應100％的身高。看看http://webdesign.about.com/od/csstutorials/f/set-css-height-100-percent.htm和http://stackoverflow.com/questions/3557199/xhtml-html-帶有100個高度的滾動條的元素可以更好地理解爲什麼發生該問題 – user3314468

無法弄清楚爲什麼頁面有滾動條

回答

相關問題