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

时间:2019-08-14 22:43:52

标签: css twitter-bootstrap

我使用Bootstrap 4构建了一个页面,页脚右侧有20px的间距。页面上也有一个水平滚动,我认为这是页脚,所以我删除了它,没有任何区别。我一直在做这件事,所以很可能我错过了一些东西,但是看不到!

我已经看过了容器,主体,试图删除节,直到我删除了所有内容,水平滚动仍然在那里。

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

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

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

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