Question

我在每个页面上都有一个滚动条，它的滚动高度可能是2em。这种情况发生在每个浏览器IE，Chrome，Opera和FF上，即使是全屏（1680x1050）。

我不能简单地做溢出：因为第三个测试页面使用SlimBox2可能需要向下滚动隐藏身体。

三个测试页：
http://dev.mykeepsakephotography.com
http://dev.mykeepsakephotography.com/gallery_couples.php
http://dev.mykeepsakephotography.com/invitations_weddings.php

body
{
   font-family: Georgia, "Times New Roman", Times, serif;
   background-color: #000;
   color: #fff;
   padding: 0;
   margin: 0;
}

#wrapper
{
   height: 725px;
   width: 950px;
   background: #000;
   margin: 0 auto;
   padding:0;
   overflow: hidden;
   border: 1px solid red; /* added for border definition */
}

谢谢你，
LF4

Answer 1

导航栏中的li.dir导致滚动。删除它们消除了这个问题。在其中，ul.dropdown ul具有属性

 top:100%

导致问题。这里的嵌套菜单导致元素出现在页面底部下方。解决这个问题，你的问题是历史：）

在position:relative;选择器上投掷ul.dropdown > li > a, ul.dropdown li.dir {，一切都会顺利运作。

位置：绝对会将它绝对定位到最近的父级位置：相对，或者失败 - 文档本身。

Answer 2

slimbox.css具有以下设置：

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

如果高度应该是725px，我会卷绕，与#wrapper相同。

为什么滚动条出现在每个页面上？

2 个答案: