Elternteil div wächst nicht in der Höhe

8

Ich habe Schwierigkeiten, ein Elternteil zu bekommen, um seine Größe zu vergrößern, wenn seine Kinder wachsen (Freud?: -))

Beispielseite hier

Der Elternteil ist hier "main_bottom", der "main_mid" und seine Kinder enthält.

Die Struktur ist ein wenig ungewöhnlich, weil der Text innerhalb der abgerundeten Ecken sein muss, die groß sind, so dass ich nicht die übliche 'feste Spitze - dann dynamische Mitte - dann fester Boden' verwenden konnte Routine.

natürlich sind die schrecklichen rosa und rot nur so, dass die Kinder Divs Dimensionen sind leicht zu sehen ..

jede Hilfe wird sehr geschätzt

Schönen Tag noch

    
samoyed 23.01.2011, 11:09
quelle

3 Antworten

21

Einer der übergeordneten Container für den Text hat eine feste Höhe und der Text ist floated, aber nicht gelöscht. Entfernen Sie die height: 135px (vielleicht durch min-height ersetzen) Regel aus #main_bottom und fügen Sie eine overflow: auto Regel zu #main_mid hinzu, um den Float zu löschen und das Layout wird wie vorgesehen funktionieren.

    
slikts 23.01.2011, 11:52
quelle
8

füge diese Definitionen hinzu

%Vor%

mit overflow: auto und height: auto passt der Container zum Inhalt.

    
Xavier Barbosa 23.01.2011 11:50
quelle
0

Ich habe diese Probleme ein paar Mal getroffen. Meine Lösung ist das Hinzufügen von Anzeige: Block; in Kind div und Höhe: auto; im Elternteil div.

%Vor%     
yujohnnyzhou 13.11.2013 04:28
quelle

Tags und Links