So erhöhen Sie die Höhe eines schwebenden übergeordneten Elements

Dieses Mal zeige ich Ihnen, wie Sie die Höhe des schwebenden übergeordneten Elements unterstützen und welche Vorsichtsmaßnahmen es gibt, um die Höhe des schwebenden übergeordneten Elements zu unterstützen Fälle, lasst uns gemeinsam einen Blick darauf werfen. Schaut mal rein.

Wenn wir den Float-Attributwert auf ein untergeordnetes Element setzen, das nicht „none“ ist, gibt es zwei Situationen, in denen die Höhe des übergeordneten Elements zusammenbricht.

Das übergeordnete Element passiert keine Höhe festlegen; dann hat das übergeordnete Element keine Höhe.

Die vom übergeordneten Element festgelegte Höhe reicht nicht aus, was zu einem Überlauf des untergeordneten Elements führt.

Wenn wir dem li-Element eine Höhe geben und es nach links verschieben, beträgt die Höhe von ul 0

Lösung:

BFC aktivieren:

Setzen Sie das Überlauf-Attribut des Elements auf den Attributwert, der sichtbar ist

Set Das Float -Attribut des Elements zum Ausschluss von None Attributwert

- Setzen Sie das Element auf absolute Positionierung absolut

- CANs '' ' - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --- ‐‐‐‐‐‐‐- und , inline-flex

Float löschen

Geeignete Höhe zum übergeordneten Element hinzufügen

Ich glaube, das haben Sie Nachdem ich diese Fälle gelesen hatte, beherrschte ich die Methode. Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Verwandte Lektüre:

So verwenden Sie getBoundingClientRect(), um die Scroll-Fixierung von Div-Containern zu implementieren

Zwei Möglichkeiten zur Implementierung Wasserfall-Fluss-Layout-Methode

So erscheint ein „Punkt“-Rand, nachdem Sie auf die Schaltfläche geklickt haben

Das obige ist der detaillierte Inhalt vonSo erhöhen Sie die Höhe eines schwebenden übergeordneten Elements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!