css - 我的网页上有一个水平滚动条，我无法摆脱

Question

我使用 Bootstrap 4 构建了一个页面，我的页脚与右侧有 20 像素的间隙。页面上也有一个水平滚动条，我以为是页脚所以我删除了但没有任何区别。我一直在深夜工作，所以我完全有可能错过了一些东西，但我看不到什么!

我查看了容器、正文，尝试删除部分，直到我删除了所有内容，水平滚动仍然存在。

我已将网站上传到此处，因此如果您想使用开发人员工具检查代码和 CSS，您可以: http://mharrisondesign.co.uk/sites/sublime_new/

感谢您的帮助!

Answer 1

您必须在 container div 下使用 row。否则它会创建一个水平滚动。

<div class="container">
   <div class="row">
     -------
   </div>
</div>

或

<div class="container-fluid">
   <div class="row">
     -------
   </div>
</div>

简单但不好的解决方案: 在 body 标签上使用 overflow-x: hidden;。