Heim > Web-Frontend > CSS-Tutorial > Was sind die Positionierungspositionen in CSS?

Was sind die Positionierungspositionen in CSS?

王林
Freigeben: 2020-11-20 09:20:42
Original
2484 Leute haben es durchsucht

Die Positionierung der Position in CSS ist: 1. statisch; 2. fest; 4. absolut; Statisch bedeutet keine Positionierung, und relativ erzeugt relativ positionierte Elemente.

Was sind die Positionierungspositionen in CSS?

Es gibt 4 Werte für die Position in CSS, nämlich statisch, fest, relativ und absolut.

(Lernvideo-Tutorial: CSS-Video-Tutorial)

Detaillierte Einführung:

  • statisch: Entspricht keiner Positionierung, das Element wird im normalen Dokumentfluss angezeigt.

  • fixed: Die Elementbox verhält sich wie absolute, aber fixiert wird relativ zum Ansichtsfenster selbst, also dem Browserfenster, positioniert. Wenn daher das Element mit dieser Positionierung auf der Seite nach unten gescrollt wird, ändert sich seine Position nicht.

  • relativ: Erzeugt ein relativ positioniertes Element. Es wird relativ zur Position des Elements selbst positioniert und der ursprünglich eingenommene Platz bleibt erhalten.

  • absolut: Erzeugen Sie ein absolut positioniertes Element und positionieren Sie es relativ zum ersten positionierten Vorgängerelement, anders als bei der statischen Positionierung. Da die statische Positionierung gleichbedeutend mit keiner Positionierung ist, wird die absolute Positionierung tatsächlich relativ zum ersten positionierten Vorgängerelement positioniert. Wenn nicht alle Vorgängerelemente positioniert sind, wird es relativ zum anfänglichen enthaltenden Block oder Canvas positioniert, normalerweise dem Körperelement.

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind die Positionierungspositionen in CSS?. 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