爲什麼我的頁面在右側溢出？

我正在使用Matthew James Taylor聖盃3列液體佈局的變體。當我的文檔類型是XHTML時，它對我來說是完美的。但是，當我轉換到HTML5時，它開始向右溢出。可見區域仍然呈現良好，但瀏覽器不應該顯示水平滾動條，頁面右側會出現多餘的空白。爲什麼我的頁面在右側溢出？

我的網站在這裏： Western Wake Farmers' Market | Link to CSS

有關我如何解決此問題的任何見解？

來源

2011-03-06 Jim Lamb

爲什麼發生 - 我不知道，除非你問我，否則我不會去看它。

內#header的ul太寬，得益於width: 100%組合，並（像我一樣以前@zerocrates說明），填充。

如何解決此問題：

從ul內#header刪除width: 100%。
如果以某種方式破壞某件事，另一種解決方法是將overflow: hidden添加到#header。

來源

2011-03-06 22:23:34 thirtydot

感謝您的幫助。有關如何調試這些問題的任何提示？有沒有什麼工具可以幫助把這些東西搞砸？ – 2011-03-06 23:39:52

我使用Firebug擴展的Firefox來找到它。我繼續往下看，直到找到有問題的'ul'。 [我看到它懸停在它上面時非常寬泛]（http://i.imgur.com/3uprt.png），並且它有'width：100％'，所以我切換了這個規則 - 修正了問題。 – thirtydot 2011-03-06 23:46:53

感謝您的提示。我一定會在下次有佈局問題時應用它。 – 2011-03-07 00:35:08

您的#header ul樣式指定左側填充100％寬度和22埃姆。

填充適用於內容寬度之外，因此您要使該頁面的寬度大於頁面寬度，並且必須滾動。

來源

2011-03-06 22:22:57

爲什麼我的頁面在右側溢出？

回答

相關問題