CSS Gutter溢出的身体

时间:2014-04-12 19:13:09

标签: css gutter

在我自制的CSS网格中,我遇到了问题。 如果我的.row边缘接触到身体边缘,它将产生溢出。 请参阅此处的演示:http://jsfiddle.net/57BGe/3/ 更新说明

.row {
  margin: 0 -15px;
}

我怎样才能防止溢出? (溢出:没有,因为你仍然可以在手机上滚动并且在台式机上有一些力量,所以不会起作用)

*更新* 如果你看一下Bootstrap#http://getbootstrap.com/css/ 尝试使用开发控制台并将.row的左边距更改为会在主体上溢出的内容。 (例如-150px)
如果我这样做,我仍然无法滚动水平。

2 个答案:

答案 0 :(得分:0)

你需要重置浏览器代理样式表,它自动设置body和html上的边距和填充,然后你可以摆脱负边距:

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

试一试。

答案 1 :(得分:0)

找到解决方案。
我试图把溢出:隐藏在身体和HTML上,但我仍然可以滚动。
所以我制作了一个带溢出的容器:隐藏,并将所有东西都包裹在里面
这使它工作得很好。升级了一个肮脏的解决方法,但必须这样做。