suchen

Heim >Web-Frontend >CSS-Tutorial >Wie kann ich mithilfe von CSS dafür sorgen, dass ein übergeordnetes Div automatisch auf die Höhe seiner untergeordneten Elemente erweitert wird?

Wie kann ich mithilfe von CSS dafür sorgen, dass ein übergeordnetes Div automatisch auf die Höhe seiner untergeordneten Elemente erweitert wird?

Patricia Arquette
Patricia ArquetteOriginal
2024-11-22 08:32:14706Durchsuche

How Can I Make a Parent Div Automatically Expand to the Height of Its Children Using CSS?

Erweitern eines übergeordneten

an die Höhe seiner untergeordneten Elemente mit CSS

Um die Höhe eines übergeordneten

Um die Höhe seiner untergeordneten Elemente anzupassen, kann CSS effektiv genutzt werden. Berücksichtigen Sie die folgende Seitenstruktur:

<body>
  <div>

Um die gewünschte Erweiterung zu erreichen, verwenden Sie einfach das folgende CSS für das übergeordnete

:

overflow: auto;

Außerdem, wenn der untergeordnete Inhalt erweitert wird Über die Breite des Browserfensters hinausgehend, wodurch eine horizontale Bildlaufleiste auf dem übergeordneten

angezeigt wird, können Sie das CSS entsprechend ändern Folgendes:

Elternteil:

overflow: auto;

Kind:

display: table-row;

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von CSS dafür sorgen, dass ein übergeordnetes Div automatisch auf die Höhe seiner untergeordneten Elemente erweitert wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css if for using
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Können CSS-Selektoren „:before“ und „:after“ HTML-Inhalte einfügen?Nächster Artikel：Können CSS-Selektoren „:before“ und „:after“ HTML-Inhalte einfügen?

In Verbindung stehende Artikel

Mehr sehen