Verhindern ⇐ HTML

[Anonymous]

Ich habe ein übergeordnetes Element mit definierter Höhe (z. B. 100VH) und Anzeige: Flex; Flex-Richtung: Spalten und mehrere verschachtelte untergeordnete Elemente, die keine feste Höhe haben-ihre Höhe basiert auf Flex-Anfänger: 1 stattdessen. Wenn ich ein neues inneres Element mit einer größeren Höhe hinzufüge, die sein Elternteil mehr hat, wird die Höhe seiner Vorfahren geändert. Ich möchte > Der einzige Weg, damit es funktioniert, besteht darin, allen Elementen, die zwischen dem oberen übergeordneten und dem neuen Element liegen, Überlauf hinzuzufügen: auto (überprüfen Sie die CSS -Kommentare in der JSFiddle). < BR /> Beachten Sie, dass ich nicht < /p>
verwenden kann, wenn es viele verschachtelte Elemente gibt. Diese Lösung erscheint etwas umständlich. Gibt es eine bessere Möglichkeit, damit umzugehen?