html标记之外的内容

Question

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

页面网址为link

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

Answer 1

这里的问题是你的<div id="filter_list" class="dd_list">。虽然你已经设置了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;
}