即使在显示水平滚动条的 CSS 重置之后,我的网站上也有多余/错误的宽度。我正在使用 Boostrap 3.0 并且似乎找不到任何损坏的 HTML,请注意它也在网站的每个页面上。我尝试了一个“重”的 CSS 重置,但这甚至没有解决问题。
这是网站。
即使在显示水平滚动条的 CSS 重置之后,我的网站上也有多余/错误的宽度。我正在使用 Boostrap 3.0 并且似乎找不到任何损坏的 HTML,请注意它也在网站的每个页面上。我尝试了一个“重”的 CSS 重置,但这甚至没有解决问题。
这是网站。
检查页脚的宽度,包含How it Works
和您的社交图标。我的工具显示其宽度超过其他元素。
<div class="col-lg-2 col-sm-push-1">
宽度为1197px
,这导致右侧有额外的空白。
问题与不使用引导容器类来创建您的站点有关。
<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">