html 标签之外的内容

Question

我有一个网页，不需要滚动条，但我仍然得到一个滚动条。 我得到了 html 标签之外的部分。 正文有一个棕色部分颜色出现在 html 之外 我使用 firebug，当我将鼠标放在 html 标签上时，它会突出显示整个页面，除了 底部的棕色部分

页面网址 为 link

这里是一张图片，页面底部应该是黑色部分。

Answer 1

这里的问题是你的

。尽管您已经设置了overflow:hidden;，但您没有指定框的高度，因此它会愉快地向下滚动页面，包括远远超过常规内容的底部。

设置 height: 100px; （或者您需要的大小），页面布局的其余部分将恢复正常。

关于调试的注意事项：因为有
显然没有违规成分
在页面底部，我尝试了
通过以下方式从页面中删除元素
直到滚动条消失。
一旦我找到了违规的父母
元素，我刷新了页面并
开始删除该元素的
孩子们。我重复了一遍，直到我
到达 #filter_list 元素，
最终提供了一个有形的
对该行为的解释。

Answer 2

如果您希望黑条固定在底部，您可以将其位置设置为固定。

无论主体实际有多大，主体背景颜色都会延伸到浏览器的整个客户端区域。

我更改了你的CSS，将黑条放在页面底部：

#footer {
  height: 75px;
  background: url(images/bottom_menu_bg02.jpg);
  position: fixed;
  bottom: 0px;
}

你可以使用overflow:hidden来隐藏滚动条，但我不确定这是否是你在这种情况下真正想要做的。

Answer 3

发现了“bug”。它是#filter_list。它有一堆 div 保存着...我猜是过滤器列表。

一个简单的修复方法是

#filter_list{
    height:400px;
    overflow-y:scroll;
}