Html 如何实现不重叠的div堆栈？ 我使用Zurb的基础框架来构建一个网站，我的问题是页脚与内容区域重叠。

我的HTML结构：

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

完整的网站可在以下网站上查看：

如何使页脚不与其他div重叠？ 我试图在内容行的同一级别重新定位页脚，但页脚仍与内容分区重叠。

摆脱

.shelf .products {
    height: 330px;
}

或者用

高度：auto覆盖它

通过将这些包装限制在330px高度，同时包装中有更多产品，多余的产品将由于溢出而与页脚重叠。
首先添加一些ClearFix，因为正文没有整页高度。