CSS: DIV-Boxen überlappen sich übereinander und verbergen Text.Wie man sie "löschen"?

Question

Ich habe ein kleines Problem mit meinen DIV-Boxen, die ich nicht lösen kann.

Ich erstellung diese DIV-Felder dynamisch: generasacodicetagpre.

Jedes DIV-Kästchen besteht aus einem Bild auf der Oberseite, anschließend die Überschrift und eine kurze Zusammenfassung des Pfostens.Jetzt ist mein Problem, dass sich die Boxen einander überlappen, aber gerade genug, so dass der zusammenfassende Teil unter dem Bild des DIV-Kastens darunter verborgen ist.

okay, es könnte ein bisschen verwirrend sein, aber der Punkt der Linie ist, dass die Kisten irgendwie nicht getrennt sind, aber sich überlappen.

Meine CSS für die Pagelist DIV-Box ist: generasacodicetagpre.

Ich hoffe, dass einige eine Lösung haben oder mich in die richtige Richtung zeigen können, weil ich mich seit einiger Zeit versucht habe, es selbst ohne Glück zu lösen.Ich war jedoch nur eine Frage der Verwendung des clear: sowohl -Tag, aber es hat nichts getan.

aufrichtige
- Mestika

Answer 1

Use a clearfix. Something along the lines of:

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;     /* triggers hasLayout */
}

And modify your markup to be

<div id="pagelist" class="clearfix">

http://www.positioniseverything.net/easyclearing.html

Also, see the dupes:

• How to fix IE7 float-clear combination
• IE7 Clear Float Issue
• Which clearfix method?
• ClearFix vs Overflow
• What methods of ‘clearfix’ can I use?

Answer 2

Try removing the positioning and clears, as default <div>s are block level and should display one under the other.

Made an example with your code.