Heim > Web-Frontend > CSS-Tutorial > Detaillierte Erläuterung der Unterschiede und Verwendung der vier Werte des Positionsattributs: statisch, fest, relativ, absolut

Detaillierte Erläuterung der Unterschiede und Verwendung der vier Werte des Positionsattributs: statisch, fest, relativ, absolut

高洛峰
Freigeben: 2017-03-16 09:52:41
Original
2316 Leute haben es durchsucht

1, statisch (statische Positionierung): Standardwert. Ohne Positionierung erscheint das Element im normalen Dokumentenfluss (wenn -indexDiese Attributesind nicht künstlich). 2. Relativ (relative Positionierung): Erzeugen Sie relativ positionierte Elemente und positionieren Sie sie relativ zu ihrer ursprünglichen Position durch die Einstellungen von oben, unten, links und rechts. Die hierarchische Klassifizierung kann über den Z-Index erfolgen. ​3. Absolut (Absolute Positionierung): Erzeugen Sie ein absolut positioniertes Element und positionieren Sie es relativ zum ersten übergeordneten Element, das die Positionierung enthält (außer statische Positionierung). Die Position des Elements wird über die Eigenschaften „left“, „top“, „right“ und „bottom“ festgelegt. Eine hierarchische Einstufung kann auch über den Z-Index durchgeführt werden. 4. Fest (feste Positionierung): Erzeugen Sie absolut positionierte Elemente und positionieren Sie sie relativ zum Browserfenster. Die Position des Elements wird über die Eigenschaften „left“, „top“, „right“ und „bottom“ festgelegt. Eine hierarchische Einstufung kann auch über den Z-Index durchgeführt werden.

Das Z-Index-Attribut legt die Stapelreihenfolge von Elementen fest. Elemente mit einer höheren Stapelreihenfolge erscheinen immer vor Elementen mit einer niedrigeren Stapelreihenfolge. Das heißt, Elemente mit großen Attributwerten werden auf Elementen mit kleinen Attributwerten gestapelt, Voraussetzung sind jedoch Elemente derselben Ebene (

Hinweis: Z-Index kann nur bei positionierten Elementen funktionieren, und Elemente können haben negative Z-Index-Attribute.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Unterschiede und Verwendung der vier Werte des Positionsattributs: statisch, fest, relativ, absolut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage