Aufgabe

Zentrieren Sie das Kindelement (div mit dem Klassennamen child) innerhalb des Elternelements (div mit dem Klassennamen parent) mithilfe der absoluten Positionierung.

Schritte:

1. Wenden Sie die absolute Positionierung auf das Kindelement an.

2. Berechnen Sie die Werte für die Eigenschaften top und left , um das Kindelement innerhalb des Elternelements zu zentrieren. Das Elternelement hat eine Breite und Höhe von 220px , während das Kindelement eine Breite und Höhe von 80px hat.

3. Stellen Sie sicher, dass ein Element die absolute Positionierung hat und das andere die relative Positionierung, um den korrekten Positionierungskontext herzustellen. Andernfalls wird die absolute Positionierung relativ zum body -Element sein.

1. Um den Wert für die top -Eigenschaft zu berechnen, verwenden Sie die Formel: (parentHeight - childHeight) / 2 .

2. Um den Wert für die left -Eigenschaft zu berechnen, verwenden Sie die Formel: (parentWidth - childWidth) / 2 .