【问题标题】:Horizontal scrolling appears unwanted on a one page site水平滚动在单页网站上似乎不需要
【发布时间】:2013-12-23 13:31:36
【问题描述】:

我有一个使用 twitter 引导网格的网站,我把它做成了单页滚动条。我注意到屏幕右侧有大约 100 像素的空白区域会导致滚动。

我不明白为什么会出现这种滚动,我尝试检查宽度和边距但找不到任何东西,大多数东西都设置为“100%”,应该可以解决它吗?

我尝试查看此问题的其他情况,但在我的代码中找不到他们做错的任何事情。我希望有人能找到问题,因为我只是不知道。

【问题讨论】:

  • 我在这里使用的是 Internet Explorer 11,没有水平滚动条。即使我把窗户做得很小。您在哪个浏览器以及该浏览器的哪个版本中遇到此问题?
  • 我在 safari 7.0.1 和最新版本的 firefox 和 chrome 中有这个。如果这很重要,我正在使用 mac。
  • 水平滚动条在页面的超底部... moveWindow() 函数有什么作用?
  • 这是导致此问题的 html 和 body 标记中的内联样式溢出:自动。将溢出设置为隐藏
  • @Jahnux73 它使页面在加载时将窗口移动到第二部分。

标签: html css twitter-bootstrap horizontal-scrolling


【解决方案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;我的坏事无关。

【讨论】:

  • 快速修复总比没有好,谢谢!
  • @Kelly 更新了我的答案,找到了错误
猜你喜欢
  • 1970-01-01
  • 2023-03-23
  • 2018-06-30
  • 2013-03-30
  • 1970-01-01
  • 2021-05-06
  • 2019-02-05
  • 2011-01-26
  • 2017-05-21
相关资源
最近更新 更多