Heim > Web-Frontend > CSS-Tutorial > css之relative

css之relative

高洛峰
Freigeben: 2017-02-21 11:34:03
Original
1729 Leute haben es durchsucht

1. Die restriktive Wirkung der relativen auf die absolute

1. Beschränken Sie die Positionierung links/oben/rechts/unten. Der absolute Standardwert ist die obere linke Ecke der übergeordneten Klasse. Wenn die übergeordnete Klasse auf „relativ“ eingestellt ist, ist der absolute Wert auf den Bereich der übergeordneten Klasse beschränkt. Bei der Einstellung „oben/links/rechts/unten“ ist der Startpunkt der obere linke Ecke der übergeordneten Klasse

2. Begrenzen Sie die Z-Index-Ebene. Die Z-Indizes der beiden Absolutwerte auf der Seite sind unterschiedlich und nicht automatisch. Sie haben ihre eigenen Ebenen. Wenn die übergeordneten Klassen dieser beiden Absolutwerte relativ sind, hängen ihre Ebenen vom relativen Z-Index der übergeordneten Klasse ab >

3. Begrenzen Sie den Effekt bei Überlauf. Standardmäßig kann overflow:hidden das Absolute nicht einschränken. Es kann nur eingeschränkt werden, wenn overflow:auto oder overflow:scroll verwendet wird, und das Absolute bewegt sich nicht mit der Bildlaufleiste Sie müssen Relativ hinzufügen

2. Relativ kann nur die feste Z-Index-Ebene begrenzen

3. Relativ und Positionierung

1. Die Positionierung und der Versatz von Relativ sind beide Es ist relativ zu seiner eigenen Position

2. Die relative Positionierung hat keinen Einfluss auf die Positionierung anderer Elemente. Funktion: Kann zum Anpassen der Drag-and-Drop-Funktion verwendet werden

4. Das Prinzip der relativen Minimierungsauswirkung

bezieht sich auf die Minimierung der potenziellen Auswirkung des relativen Attributs auf andere Elemente oder Layouts

1. Vermeiden Sie die Verwendung von „Relativ“

2. Wenn es verwendet werden muss, sollte „Relativ“ ebenfalls minimiert werden

Weitere Artikel zum Thema „Relativ“ in CSS finden Sie unter PHP Chinesische 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