CSS:全尺寸 div 显示浏览器滚动条

标签 css html browser-scrollbars

我有一个网站需要在浏览器窗口中完全独立,即用户不必上下滚动即可查看网站的不同部分。太长而无法放入内容 Pane 的内容由 overflow:auto 处理,效果很好。

问题是,无论我怎么尝试,我仍然遇到以下问题:

two sets of scrollbars http://www.wikiforall.net/bad_scrollbars.png

所以在成功填充浏览器窗口的内容下面,似乎有一个间隙。这个间隙会导致垂直滚动条显示出来(并且右侧似乎有一个类似的间隙,但不太容易看到)。我已经使用 Chrome 的元素检查器和 <html> 检查了元素标签覆盖仅到该间隙。所以我不知道差距从何而来。

主页 div 设置为 position: absolute , 左、右、上、下全部设置为零。这些 div 也有 display: inline设置,并且没有边距或填充。 htmlbody标签的样式相同。

我已经四处寻找了一两天,但我发现没有任何效果。有谁知道如何删除这些滚动条?

最佳答案

您可以随时使用:

overflow: hidden;

隐藏滚动条。

关于CSS:全尺寸 div 显示浏览器滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1377213/

相关文章:

html - 如果一个区域卡在包含 block 之外,如何防止滚动条?

html - 溢出我的高度

javascript - 接受多个元素 droppable jquery UI

c# - 为什么 ASP.NET MVC 应用程序意外地多次加载 Bootstrap

javascript - javascript代码之间的冲突

javascript - 使用 CSS3 在加载时触发弹出窗口

html - 粘性位置会杀死 chrome 77 (osx) 中的滚动条

javascript - 标签系统 - 点击 Laravel 按标签搜索

css - 溢出;仅隐藏 iFrame -(如何在托管网页上保留滚动条?)

javascript - 只要浏览器添加滚动条,内容就会水平跳转