Auf welche Methode bezieht sich die absolute Positionierung?

Die absolute Positionierungsreferenzmethode wird relativ zum nächstgelegenen positionierten Vorgängerelement positioniert. Wenn kein positioniertes Vorgängerelement vorhanden ist, wird es relativ zum ursprünglichen enthaltenden Block positioniert. Die Referenzmethode hat die folgenden Aspekte: 1. Die Positionierungsmethode der Vorfahrenelemente. Wenn Sie die absolute Positionierung verwenden möchten, müssen Sie zunächst ein Vorfahrenelement finden, das dem Zielelement am nächsten liegt kein positioniertes Vorgängerelement, absolut Das positionierte Element wird relativ zum ursprünglichen enthaltenden Block positioniert. 3. Positionierungsattribut, das die Position des absolut positionierten Elements im Referenzelement angibt. 4. Stapelreihenfolge usw.

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

Absolute Positionierung ist eine häufig verwendete Positionierungsmethode in CSS, mit der Elemente genau an bestimmten Stellen auf Webseiten platziert werden können. Die Referenzmethode der absoluten Positionierung besteht darin, relativ zu seinem nächstgelegenen positionierten Vorgängerelement zu positionieren, oder, wenn es kein positioniertes Vorgängerelement gibt, relativ zum ursprünglichen enthaltenden Block (normalerweise dem Körperelement).

Die Referenzmethode der absoluten Positionierung kann unter folgenden Aspekten verstanden werden:

Die Positionierungsmethode von Vorgängerelementen:

Absolut positionierte Elemente werden relativ zu ihren nächstgelegenen positionierten Vorgängerelementen positioniert. Das sogenannte positionierte Vorfahrenelement bezieht sich auf das Element, dessen Positionsattributwert relativ, absolut, fest oder klebrig ist. Wenn Sie die absolute Positionierung verwenden möchten, müssen Sie zunächst das Vorgängerelement finden, das dem Zielelement am nächsten liegt.

Konzept des enthaltenden Blocks:

Wenn kein positioniertes Vorgängerelement vorhanden ist, wird ein absolut positioniertes Element relativ zum ursprünglichen enthaltenden Block positioniert. Der enthaltende Block bezieht sich auf den Bereich, in dem das Element letztendlich gerendert wird, normalerweise das Körperelement. In einigen Sonderfällen kann der enthaltende Block auch aus anderen Elementen bestehen, beispielsweise aus Elementen, deren Positionsattributwert auf „relativ“, „absolut“, „fest“ oder „sticky“ festgelegt ist.

Positionierungsattribute:

Absolut positionierte Elemente können ihre Position im Referenzelement durch die Attribute oben, rechts, unten und links angeben. Der Wert dieser Eigenschaften kann Pixel, Prozentsatz oder Auto sein. Das obere Attribut gibt den Abstand zwischen der Oberkante des Elements und der Oberkante des Referenzelements an, das rechte Attribut gibt den Abstand zwischen der rechten Kante des Elements und der rechten Kante des Referenzelements an, das untere Attribut gibt den Abstand an zwischen der Unterkante des Elements und der Unterkante des Referenzelements und das linke Attribut Gibt den Abstand zwischen der linken Kante des Elements und der linken Kante des Referenzelements an.

Stapelreihenfolge:

Absolut positionierte Elemente können ihre hierarchische Beziehung im Stapelkontext über das Z-Index-Attribut steuern. Je größer der Wert des Z-Index-Attributs ist, desto höher ist die Ebene des Elements im Stapelkontext und desto einfacher ist es, andere Elemente abzudecken.

Zusammenfassend besteht die Referenzmethode der absoluten Positionierung darin, relativ zu seinem nächstgelegenen positionierten Vorgängerelement zu positionieren, oder, wenn es kein positioniertes Vorgängerelement gibt, relativ zum ursprünglichen enthaltenden Block zu positionieren. Die Position des Elements innerhalb des Referenzelements kann durch die Attribute oben, rechts, unten und links angegeben werden. In einem Stapelkontext kann die hierarchische Beziehung absolut positionierter Elemente über das Z-Index-Attribut gesteuert werden.

Das obige ist der detaillierte Inhalt vonAuf welche Methode bezieht sich die absolute Positionierung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!