Heim >Web-Frontend >CSS-Tutorial >Wie positioniere ich ein Div mit Textumbruch am unteren Rand seines Containers?

Wie positioniere ich ein Div mit Textumbruch am unteren Rand seines Containers?

DDD
DDDOriginal
2024-12-09 06:19:16452Durchsuche

How to Position a Div at the Bottom of its Container with Text Wrap?

Positionieren eines Div am unteren Rand seines Containers mit Textumbruch

Sie möchten ein Div in der unteren rechten Ecke eines anderen Div platzieren Unter Beibehaltung des standardmäßigen Textumbruchverhaltens, das mit schwebenden Elementen verbunden ist. Obwohl Sie im Internet gesucht haben, konnten Sie mit Float keine Lösung finden.

Lösung:

Anstelle von Float erreichen Sie diese gewünschte Positionierung mithilfe der absoluten Positionierung:

  1. Setzen Sie die Position des übergeordneten Divs auf relativ.
  2. Setzen Sie die Position des inneren Divs auf absolut und unten auf 0.

Codebeispiel:

.parent-div {
  position: relative;
}

.inner-div {
  position: absolute;
  bottom: 0;
}

Bei diesem Ansatz wird das innere Div am unteren Rand des übergeordneten Div positioniert, was Folgendes ermöglicht Text, der wie erwartet um das innere Div gewickelt wird.

Das obige ist der detaillierte Inhalt vonWie positioniere ich ein Div mit Textumbruch am unteren Rand seines Containers?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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