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

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!