Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Drei grundlegende Positionierungsmechanismen in CSS

高洛峰
Freigeben: 2017-02-23 09:45:19
Original
1545 Leute haben es durchsucht

Drei grundlegende Positionierungsmechanismen in CSS

a. Gewöhnlicher Dokumentenfluss

b. Positionierung: relative Positionierung

Absolute Positionierung

Feste Positionierung

c. Float

1. Im normalen Fluss wird die Position der Elemente durch die Reihenfolge der Elemente auf Blockebene und die Vertikale bestimmt Der Abstand zwischen den Boxen wird durch den Wert für den vertikalen Rand bestimmt.

2. Die relative Positionierung wird als Teil des normalen Flusses betrachtet. Das verschobene Element nimmt immer noch die ursprüngliche Position ein. Durch das Verschieben des Elements werden andere Felder abgedeckt

3 Die absolute Positionierung erfolgt relativ zum nächstgelegenen Vorgängerelement, und die absolute Positionierung ist außerhalb des normalen Ablaufs

4 Die Positionierung erfolgt relativ zur Positionierung des Browserfensters

5. Das schwebende Element kann sich nach links und rechts bewegen, bis der Rand seines äußeren Randes den Rand der Box berührt, die sich selbst oder eine andere schwebende Box enthält

6. Das schwebende Element löst sich vom normalen Dokumentenfluss

7 Inline-Elemente und Inline-Blockelemente werden um die schwebende Box herum angeordnet und Blockelemente werden abgedeckt

Weitere Informationen dazu Die drei grundlegenden Positionierungsmechanismen in CSS finden Sie auf der chinesischen PHP-Website für verwandte Artikel!

Verwandte Etiketten:
css
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