übergeordnete div nicht in die Höhe wachsen

Ich bin mit Mühe ein übergeordnetes div zu erweitern, seine Höhe als seine Kinder wachsen (Freud? :-))

Beispiel-Seite hier

den Eltern, die hier "main_bottom" enthält "main_mid" und seine Kinder.

die Struktur ist ein wenig ungewöhnlich, weil der text innerhalb den abgerundeten Ecken, die sind groß, so konnte ich nicht das übliche "fixed top - dann dynamische Mitte -dann festen Boden' - routine.

natürlich die schreckliche rosa und rot sind nur so, dass die Kinder divs Dimensionen sind einfach zu finden..

jede Hilfe wird sehr geschätzt

einen schönen Tag

  • Link verweist auf geparkten domain. Spam?
  • kein spam, sorry - die verlinkten funktionierte ok, bis vor ein paar Minuten. ich bin in Sie suchen.. sorry nochmal.
  • ich bearbeitete den link nimya.50webs.com/green-label/test_1.html
InformationsquelleAutor samoyed | 2011-01-23
  1. 21

    Einer der übergeordnete Container für den text eine Feste Höhe hat und der text schwebte, aber nicht gelöscht. Entfernen Sie die height: 135px (vielleicht ersetzen mit min-height) in der Regel aus #main_bottom und fügen Sie eine overflow: auto Regel #main_mid deaktivieren Sie das float und das layout so funktionieren wie Sie sollen.

    • thanx alot, dass mein problem gelöst. 🙂
    • Nicht bei allen ist das gleiche problem, das ich gestoßen, aber ähnlich genug, dass Sie Ihre Erinnerung für überlauf behoben. Danke!
    InformationsquelleAutor slikts
  2. 9

    fügen Sie diese Definitionen 

    #main_bottom {
  min-height: 600px;
  overflow: auto;
}


#main_mid {
  overflow: auto;
  height: auto;
}

    mit overflow: auto und height: auto den container passen, um die Inhalte im inneren.

    • danke 🙂 beachten Sie, dass mit Ihrer Lösung erstellt eine Bildlaufleiste, die nicht angezeigt werden, wenn eine verwendet die Lösung von Reinis (unten). vielleicht hätte ich losgeworden es irgendwie auf jeden Fall.. danke nochmal.
    InformationsquelleAutor Xavier Barbosa
  3. 0

    Traf ich diese Probleme paar mal. Meine Lösung ist, dass das hinzufügen von display:block; in child-div und height:auto; im übergeordneten div. 

    div.parent {
    ...
    height: auto;
    ...
}
div.child {
    ...
    display: block;
    ...
}
    InformationsquelleAutor yujohnnyzhou
Schreibe einen Kommentar