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

Absolute Positionierung in CSS

巴扎黑
巴扎黑Original
2017-03-18 13:45:261542Durchsuche

[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!

Stellungnahme:
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
Vorheriger Artikel:CSS-ID-SelektorNächster Artikel:CSS-ID-Selektor