Wie kann ich die Größe eines übergeordneten Divs dynamisch ändern, um es an erweiterte untergeordnete Elemente anzupassen und gleichzeitig das Scrollen auf Seitenebene beizubehalten?

Ein Ansatz besteht darin, die Überlaufeigenschaft des übergeordneten Elements auf „Auto“ zu setzen. Dadurch kann der Inhalt überlaufen und bei Bedarf eine vertikale Bildlaufleiste innerhalb des übergeordneten Elements erstellt werden. Dieser Ansatz weist jedoch einen Nachteil auf, wenn untergeordnete Inhalte über die Breite des Browserfensters hinausgehen, was zu einer horizontalen Bildlaufleiste auf der übergeordneten Seite und nicht auf der Seite selbst führt.

Um dieses Problem zu beheben und sicherzustellen, dass die Bildlaufleiste auf Seitenebene angezeigt wird , kann eine andere Lösung implementiert werden. Wenn Sie die Anzeigeeigenschaft des übergeordneten Elements auf Tabelle und die Anzeigeeigenschaft der untergeordneten Elemente auf Tabellenzeile festlegen, wird die Größe des übergeordneten Elements so geändert, dass es die Höhe des untergeordneten Elements umfasst und gleichzeitig horizontales Scrollen auf Seitenebene ermöglicht.

<br> /<em>Parent </em>/<br>display: table;<br>overflow: auto;</p>
<p>/<em>Untergeordnete Elemente </em>/<br>display: table-row;<br>

Diese Lösung behält die gewünschte vertikale Ausdehnung bei und berücksichtigt gleichzeitig die Problem mit der horizontalen Platzierung der Bildlaufleiste.

Das obige ist der detaillierte Inhalt vonWie kann ich die Größe eines übergeordneten Divs dynamisch ändern, um es an erweiterte untergeordnete Elemente anzupassen und gleichzeitig das Scrollen auf Seitenebene beizubehalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!