Css 为什么每页都会出现滚动条?

Css 为什么每页都会出现滚动条?,css,scrollbar,Css,Scrollbar,我在每一页上都有一个滚动条,它的滚动高度可能是2米。这在每个浏览器IE、Chrome、Opera和FF上都会发生,甚至在全屏(1680x1050)上也是如此 我不能简单地做溢出:隐藏为正文,因为第三个测试页面使用SlimBox2可能需要向下滚动 三个测试页面: 谢谢你, LF4slimbox.css具有以下设置: #lbOverlay { background-color:#000000; cursor:pointer; height:100%; left:0; position:fixe

我在每一页上都有一个滚动条,它的滚动高度可能是2米。这在每个浏览器IE、Chrome、Opera和FF上都会发生,甚至在全屏(1680x1050)上也是如此

我不能简单地做溢出:隐藏为正文,因为第三个测试页面使用SlimBox2可能需要向下滚动

三个测试页面:


谢谢你,

LF4

slimbox.css具有以下设置:

#lbOverlay {
background-color:#000000;
cursor:pointer;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:9999;
}

I winder if height应为725px,与#wrapper相同。

slimbox.css具有以下设置:

#lbOverlay {
background-color:#000000;
cursor:pointer;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:9999;
}

如果高度应为725px,则I winder与#wrapper相同。

导航中的
li.dir
会导致滚动。移除它们可以消除问题。 其中,
ul.dropdown ul
有一个属性

 top:100%
这是问题的根源。此处的嵌套菜单导致元素出现在页面底部下方。修复此问题,您的问题将成为历史:)

抛出一个
位置:相对ul.dropdown>li>a,ul.dropdown-li.dir{
选择器上的code>和一切都将出色地工作


Position:absolute将其绝对定位到最近的父级,Position:relative,否则--文档本身。

导航中的
li.dir会导致滚动。删除它们可以消除问题。
其中,
ul.dropdown ul
有一个属性

 top:100%
这是导致问题的原因。此处的嵌套菜单导致元素出现在页面底部下方。若要解决此问题,您的问题将成为历史:)

在你的
ul.dropdown>li>a,ul.dropdown-li.dir{
选择器上抛出一个
position:relative;
,一切都会很好地工作


Position:absolute会将其绝对定位到最近的父级,Position:relative,否则就是文档本身。

出于好奇,我通过对css进行firebugging为您检查了一下。这似乎无法解决问题。我已经从页面中删除了slimbox.css和js,以便查看,问题仍然存在,因此我认为这不是问题。谢谢不过,出于好奇,我通过对css进行firebugging来帮你检查。这似乎无法解决问题。我已经从页面中删除了slimbox.css和js,但问题仍然存在,所以我不认为是这样。不过,谢谢。这也正是我刚刚发现的。看起来top 30px也达到了同样的效果。好眼睛SMDRAGERN有没有想过这会是个问题。谢谢,我会解决这个问题。答案用解决方案更新——只需添加位置:相对于父对象。有趣的是,我不确定哪个更标准,但我将top:100%更改为top:34px,因为菜单的高度是35px。这似乎起到了作用。我仍在尝试围绕位置属性进行思考e即使在阅读了w3schools的文档之后。边走边学。:)这也正是我刚刚发现的。看起来top 30px达到了同样的效果。好的眼睛SMDRAGERINTERVAL从未想过这会是问题所在。谢谢,我会努力解决的。答案更新为解决方案--只需添加位置:相对于家长。有趣我不确定w这更标准,但我将top:100%更改为top:34px,因为菜单的高度为35px。这似乎起到了作用。即使在阅读了w3schools文档之后,我仍在尝试将我的头绕在position属性上。边走边学。:)