在单页网站上显示不需要水平滚动

时间:2013-12-23 13:31:36

标签: html css twitter-bootstrap horizontal-scrolling

我有一个使用twitter的引导网格的网站,我把它变成了一个单页的滚动条。我注意到在屏幕的右侧有大约100px的空白空间导致滚动。

我不明白为什么这个滚动在这里,我试着检查我的宽度和边距但是找不到任何东西,大多数东西只是设置为100%' ,那应该解决它吗?

我尝试查看此问题的其他案例,但在我的代码中找不到任何错误。我希望有人能找到问题,因为我没有线索。

1 个答案:

答案 0 :(得分:1)

第一期

您的内容中有一个广泛的div:<div class="col-lg-12 referenties">它有width:100%;margin-left:5%。因此,您必须删除该边距,或者设置width:95%;

这解决了部分问题。

第二期

<div class="col-lg-12 referenties">的父级<div class="row">margin-left: -15px;margin-right: -15px;所以此div对于窗口来说是宽的。最简单的方法是删除这些边距。

display:table;无关。