bootstrap 3.3.7网站上的水平滚动条

Question

尽管我使用行和列来填充它，但它有一个水平滚动。

Here 是 GitHub 存储库。我似乎找不到任何可以删除该栏的重要内容。

我知道我可以通过以下方式修复它：

html, body {
 overflow-x: hidden;
}

但我想知道究竟是什么原因造成的。

Answer 1

当我从 .row CSS 类中删除 margin-right: -15px 和 margin-left: -15px 时，scollbar 消失了。

这实际上是有道理的，因为负边距值会拉伸内容。如果内容已经有 100% 的宽度，你会得到一个水平滚动条。

div 元素是块元素，总是占用 100% 的空间（在它们的父元素内）。