Dynamisch erstellte Inhalte in der Mitte der Webseite zusammen mit einem automatischen Hintergrund

Question

Ich erstelle dynamische Divisionen basierend auf Back-End-Daten. Wenn ich float:left in der jquery Funktion entferne, bin ich in der Lage, den subcontainer div automatisch als Hintergrund zu erhalten. Aber es ändert mein Layout. Die dynamischen divs werden bis 6 sein. Ich möchte nicht die Höhe von subcontainer div fest codieren. Ich brauche so etwas wie Bilder unten.

Hier ist meine FIDDLE

Answer 1

Anzeige hinzufügen: inline-block; im Hauptbehälter.

versuchen Sie dies:

.subcontainer { 
    margin:0 auto; 
    width: 80%; 
    padding: 30px 20px; 
    background-color: white; 
    border-radius: 5px 5px 5px 5px; 
    display:inline-block;; //add this line 
}