爲什麼這個網站有很大的寬度？

Question

在this site該文件有一個很大的寬度。當我在Chrome上檢查它時，我看不到哪個元素導致此問題。

沒有元素具有此寬度。

Answer 1

這是由<footer>部分中的錯誤引起的。

你有container它強制引導列內的寬度。你需要刪除這個類。請參閱下面的附件。

另一個問題是直接在<section id="footer-bottom">內的孩子。它與row級別的元素具有負的水平邊距。它也會導致整個網站的不必要的延伸。

Answer 2

使用overflow:hidden此.an.ccm-page

添加這種風格在你的main.css

.an.ccm-page{ 
    overflow:hidden 
} 

Answer 3

這是由於<section id="footer-top">。在<div class="col-sm-3">您有另一個引導程序.container。如果您正在嵌套Bootstrap網格，請不要再次使用.container類並像例如嵌套一樣嵌套。 .row > .col-sm-3 > .row > .col-sm-12。

一般來說，如果你想知道你的頁面太寬的原因： Chrome的DevTools，滾動到右側並開始從頁面中刪除元素。此時頁面再次向左滾動，您會知道哪個元素太寬。

Answer 4

其實是因爲你的標記中有太多的html標籤不匹配，意味着在沒有相應的結束標籤的情況下打開標籤。

參考：http://validator.w3.org/check?uri=http%3A%2F%2Fanitya.myconcretelab.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0