Footer überlappenden Körper Inhalt auch mit Clearfix

Question

Ich kann nicht herausfinden, warum meine Fußzeile nicht nach dem Inhalt meiner Seite erscheint, sondern stattdessen den Inhalt überlappt. Nach meinen schwebenden Elementen habe ich ein Clearfix hinzugefügt, aber die Fußzeile überlagert immer noch meine Folien. Sie können sehen, worüber ich in meiner Geige hier sprechen https://jsfiddle.net/4x1n01yo/. Jede Hilfe wird sehr geschätzt.

Ich habe versucht, und fügte hinzu:

.slides-container{ 
    overflow:auto; 
} 

Aber das behebt nur teilweise das Problem, indem die Fußzeile etwa in der Mitte der Seite zu bewegen. Jede Hilfe wird sehr geschätzt!

Answer 1

Es ist, weil .slides eine Höhe von 0 hat. Es hat eine Höhe von 0, weil alle seine Kinder absolut positioniert sind. Für eine schnelle Lösung können Sie das folgende CSS hinzufügen:

.slides { 
    height: 899px; 
} 

Aber das wird nicht viel helfen, wenn alle Ihre Folien unterschiedliche Höhen sind.