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

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 {选择器,一切都会很好地工作.

位置:绝对会将它绝对定位到最近的父级,其位置为:relative,或者是失败的 - 文档本身.