wie man Stapel von Divs nicht überlappend implementieren?

Question

Ich benutze Zurbs Foundation Framework zum Erstellen einer Website und mein Problem ist, dass die Fußzeile den Inhaltsbereich überlappt.

Meine HTML-Struktur: https://fadendaten.herokuapp.com/t/categories/clothing

Wie kann ich die Fußzeile nicht die anderen divs überlappende haben verwalten:

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

Die komplette Website auf zu sehen ist? Ich habe versucht, die Fußzeile auf der gleichen Ebene der Inhaltszeile neu zu positionieren, aber die Fußzeile überlappt immer noch das Inhalts-Div.

Answer 1

von

.shelf .products { 
    height: 330px; 
} 

oder außer Kraft setzen es mit height: auto;

Durch die Beschränkung dieser Wrapper 330px Höhe Befreien Sie sich während mehr Produkte in ihnen haben, die überschüssigen Produkte die Fußzeile aufgrund überfüllt überlappen.