どのように重複していないdivのスタックを実装するには？

Question

私はウェブサイトを構築するためにZurb's Foundation Frameworkを使用しています。私の問題は、フッターがコンテンツエリアと重なっていることです。

私のHTMLの構造：

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

フルウェブサイトはで見ることができます。 https://fadendaten.herokuapp.com/t/categories/clothing

私はフッターが他のdivを重複していないと管理できますか？ 同じレベルのコンテンツ行でフッターの位置を変更しようとしましたが、フッターがコンテンツdivと重なっています。

Answer 1

が、その中に多くの製品を持ちながら330px高さにそれらのラッパーを制限することにより

.shelf .products { 
    height: 330px; 
} 

またはheight: auto;

で上書きを取り除く、過剰製品があふれによるフッターをオーバーラップします。