如何实现不重叠的div堆栈？

Question

我使用 Zurb 的基础框架构建网站，我的问题是页脚与内容区域重叠。

我的HTML结构：

- Header
- Site-Wrapper 
  + Site-Canvas
    * Site-Menu
    * row (content)
- Footer

完整网站可见： https://fadendaten.herokuapp.com/t/categories/clothing

我怎样才能让页脚不与其他 div 重叠？ 我尝试将页脚重新定位到内容行的同一级别，但页脚仍然与内容重叠 div.

Answer 1

去掉

.shelf .products {
    height: 330px;
}

或用 height: auto;

覆盖它

通过将这些包装纸的高度限制为 330 像素，同时其中包含更多产品，多余的产品将因溢出而与页脚重叠。