为什么这个网站的宽度很大？

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">中，您有另一个Bootstrap .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