css - CSS Gutter 溢出体

Question

在我自制的 CSS 网格中，我遇到了问题。如果我的 .row 边缘接触到身体边缘，它将产生溢出。在此处查看演示：http: //jsfiddle.net/57BGe/3/ 已更新以供解释

.row {
  margin: 0 -15px;
}

我怎样才能防止溢出？（溢出：无，不起作用，因为您仍然可以在手机上滚动并在桌面上用力）

* 更新 * 如果您查看 Bootstrap # http://getbootstrap.com/css/ 尝试使用开发控制台并将 .row 的 margin-left 更改为会使身体溢出的东西。（例如-150px）
如果我这样做，我仍然不能水平滚动。

Answer 1

您需要重置浏览器代理样式表，该样式表会自动在正文和 html 上设置边距和填充，然后您可以摆脱负边距：

body, html {
   margin:0;
   padding:0;
}

试试看。

Answer 2

找到了解决方案。
我试图将溢出：隐藏在正文和 html 上，但我仍然可以滚动。
所以我做了一个带有溢出的容器：隐藏，并将所有东西都包裹在里面。

这使它工作得很好。有点肮脏的解决方法，但必须完成。