Heim > Web-Frontend > HTML-Tutorial > CSS-Positionierung: relative Positionierung, absolute Positionierung und feste Positionierung (relative absolute feste)

CSS-Positionierung: relative Positionierung, absolute Positionierung und feste Positionierung (relative absolute feste)

WBOY
Freigeben: 2016-08-18 08:57:58
Original
1484 Leute haben es durchsucht

Relative Positionierung: position:relative;

Ohne den Dokumentenfluss zu unterbrechen, kann es in Bezug auf seine eigene statische Position oben, unten, links und rechts positioniert und über den Z-Index hierarchisch abgestuft werden.

Absolute Positionierung: position:absolute;

Unterbrechen Sie den Dokumentfluss, positionieren Sie ihn nach oben, unten, links und rechts und wählen Sie das nächstgelegene übergeordnete Element zur Positionierung aus. Wenn die Position des übergeordneten Elements statisch ist, wird das absolute Element am Ursprung positioniert Körperkoordinaten, die durch hierarchische X-Index-Klassifizierung positioniert werden können.

Feste Positionierung: position:fixed;

Das hier fixierte Objekt ist das visuelle Fenster und nicht der Körper oder das übergeordnete Element, das über den Z-Index hierarchisch abgestuft werden kann.

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