Heim > Web-Frontend > CSS-Tutorial > CSS-Positionsattribut

CSS-Positionsattribut

零到壹度
Freigeben: 2018-03-28 11:42:24
Original
1700 Leute haben es durchsucht

Dieser Artikel stellt Ihnen hauptsächlich einen Artikel über das Positionsattribut von CSS vor. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.

(1), statisch
kann als statisch betrachtet werden, die Standardelemente sind statisch positioniert und die Objekte folgen dem regulären Fluss. Zu diesem Zeitpunkt werden die vier Positionierungsversatzattribute nicht angewendet, d. h. die Verwendung von links, rechts, unten und oben hat keine Wirkung.


(2), relativ
Relative Positionierung, das Objekt folgt dem regulären Fluss und bezieht sich auf seine Position im regulären Fluss durch oben, rechts, unten, links. Die Positionierungsoffset-Eigenschaft wird versetzt, ohne dass sich dies auf Elemente im regulären Fluss auswirkt.


(3), absolut
a. Absolute Positionierung, das Objekt bricht aus dem regulären Fluss ab. Zu diesem Zeitpunkt bezieht sich das Offset-Attribut auf das Positionierungsvorfahrenelement Wenn es kein positioniertes Vorgängerelement gibt, kehrt es immer zum Körperelement zurück. Die versetzte Position der Box wirkt sich nicht auf Elemente im regulären Fluss aus und ihre Ränder werden nicht mit anderen Rändern reduziert.


b. Die Elementpositionierung bezieht sich auf das Positionierungsvorfahrenelement, das sich selbst am nächsten liegt. Es muss zwei Bedingungen erfüllen. Das erste ist ein eigenes Vorfahrenelement oder das übergeordnete Element eines übergeordneten Elements . Element, suchen Sie weiter, wenn nicht, wählen Sie body als Vergleichsobjekt aus. Die zweite Bedingung ist, dass das Vorgängerelement positioniert sein muss. Für den Laien spielt es keine Rolle, ob der Attributwert der Position nicht statisch ist.


(4), fest
Feste Positionierung, konsistent mit der absoluten, aber versetzte Positionierung basiert auf dem Fenster. Wenn Bildlaufleisten angezeigt werden, scrollen Objekte nicht.


(5), Mitte
stimmen mit der absoluten Position überein, aber die Offset-Positionierung basiert auf dem Mittelpunkt des Vorgängerelements als Referenz. Die Box ist vertikal und horizontal innerhalb ihres enthaltenden Behälters zentriert. (CSS3)


(6), Seite
stimmen mit absolut überein. Wenn sich ein Element innerhalb eines paginierten Medien- oder Regionsblocks befindet, ist der enthaltende Block des Elements immer der anfängliche enthaltende Block, andernfalls hängt es vom jeweiligen Absolutmodus ab. (CSS3)


(7), klebrig
Das Objekt folgt im Normalzustand dem normalen Fluss. Es ist wie eine Kombination aus relativ und fest. Wenn es auf dem Bildschirm angezeigt wird, verhält es sich wie beim Scrollen aus dem Bildschirm. Die Leistung dieses Attributs ist der Adsorptionseffekt, den Sie in der Realität sehen. (CSS3)


CSS-Positionsattribut

Verwandte Empfehlungen:

in CSS Positionsattribut

CSS: Positionsattribut

Die Bedeutung des Positionsattributs in CSS

Das obige ist der detaillierte Inhalt vonCSS-Positionsattribut. 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