即使在CSS重置后，网站上也会显示水平滚动条

Question

即使在显示水平滚动条的CSS重置后，我的网站上也有多余/错误的宽度。我正在使用Boostrap 3.0，似乎无法找到任何损坏的HTML，请注意它是在网站的每个页面上。我尝试了“重”的CSS重置，甚至没有解决问题。

This is the website

Answer 1

检查页脚的宽度，包含How it Works和您的社交图标。我的工具显示其宽度超过其他元素。

Direct Image Link (Full Size)

Answer 2

<div class="col-lg-2 col-sm-push-1">的宽度为1197px，这会导致右侧有额外的空白区域。

Answer 3

问题与不使用bootstrap容器类在中创建站点有关。

页脚中的

<div class="content container">可以解决问题，而无需执行任何其他操作。

http://getbootstrap.com/css/#overview-container

Bootstrap在.row类上添加一个负的左右边距，以反对添加到.container类的15px填充。如果您不使用.container类，则在100％宽度上留下负边距.row。

<footer role="contentinfo" id="footer">
            <div class="content container">
                <div class="row">