html - 页面内容低于 div

Question

我一直在更新我们的网站以包含一些更详细的产品搜索类别。一切都在一个主要的“内容” div 中，但这些新列表超出了内容 div，只是被放置在整个网站背景上。您可以在此处查看页面：http: //promo-central.com/products/

我想让内容的白色背景一直延伸到蓝色页脚，就像我的其他页面一样。

关于为什么会发生这种情况的任何想法？我是自学编写代码的，所以我边走边学。

提前致谢

Answer 1

添加

overflow:hidden;

到#contentCSS

应该：

#content {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #111111;
  font-size: medium;
  min-height: 500px;
  overflow: hidden;
}

Answer 2

“productcategories” div 的高度为 0。将其设置为真实高度，它将扩展白色容器。