Heim > Web-Frontend > CSS-Tutorial > Absolute Positionierung in CSS

Absolute Positionierung in CSS

巴扎黑
Freigeben: 2017-03-18 13:45:26
Original
1580 Leute haben es durchsucht

[Einführung] Positionierung (links und oben) Das CSS-Positionierungsattribut wird der Schlüssel sein, um den Internetnutzern die Tür zum Glück zu öffnen: H4 { position: absolute; top: 43px } Diese CSS-Regel ermöglicht es dem Browser < Die Startposition von H4> wird genau auf 100 Pixel von der linken Seite des Browsers eingestellt und der Abstand von seiner

Positionierung (links und oben)


CSS-Positionierung Attribute werden Internetnutzer glücklich machen:

H4 { position: absolute left: 100px; top: 43px }

Diese CSS-Regel ermöglicht es dem Browser, die Startposition genau zu bestimmen von

100 Pixel von der linken Seite des Browsers und 43 Pixel von der Oberseite entfernt.

Beachten Sie, dass die einzigen Einstellungen hier „links“ und „oben“ sind, d. h. der Text wird von links nach rechts und von oben nach unten in das Browserfenster eingegeben.

Die Attribute left und top sind sehr intuitiv. Left (links) legt den Abstand vom Element zur linken Seite des Browserfensters fest, und top (top) legt den Abstand vom oberen Rand des Browserfensters fest.

Beim Einstellen dieser Abstände können Sie verschiedene erlernte Längeneinheiten oder Skalenwerte verwenden. Bei der Verwendung von Maßstabswerten bezieht sich der Maßstabswert auf die Größe relativ zum übergeordneten Feature.

Was können Sie ansprechen? irgendetwas! Absätze, Wörter, GIF- und JPEG-Bilder, QUICKTIME-Filme und mehr

Das obige ist der detaillierte Inhalt vonAbsolute Positionierung 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