Einführung in die Verwendung der CSS-Positionierung

Die Option

Position definiert die Positionierung des Element--Attributs . Die Option hat 5 optionale Werte: statisch, relativ, absolut, fest, erben

Wenn der Attributwert relativ, absolut oder fest ist, links | unten >z-index wird funktionieren. statisch (Standard)

relativ (relative Positionierung)

absolut (absolute Positionierung )

behoben (absolute Positionierung, absoluter und Fensterbrowser, niedrigere Versionsbrowser wie ie6 und ie7 werden nicht unterstützt)

relativ und statisch Sie sind alle relativ zu anderen Elementen des Dokuments positioniert und gehören zur Kategorie der relativen Positionierung. Der Unterschied besteht darin, dass eines die Verschiebung steuern kann und das andere nicht

statisch (Standardwert). )

Wenn

den Standardwert

verwendet, hat die Definition von oben, links, rechts, unten und dem Z-Index für das Element in CSS keine Wirkung

relative

relative verhält sich genauso wie der Standardwert, außer dass Sie den Versatz relativ zu anderen normalen Positionen steuern können, indem Sie den Versatz und den Z-Index festlegen.

Der Standardwert für die Positionierung (Position) aller Elemente ist statisch. Wenn Sie nichts schreiben, werden die oberen, linken, Z-Index-, rechten und unteren Werte nicht festgelegt . Das Verhalten ist das gleiche wie der Standardwert.

absolut und fest

Funktionen:

1. Die Breite von Elementen auf Blockebene beträgt nicht mehr 100 %, wenn sie nicht definiert ist wird automatisch entsprechend dem Inhalt angepasst

2. Wenn der Z-Index nicht definiert ist, überdeckt das absolute Element andere Elemente.

3. Es bricht aus dem normalen Dokumentenfluss ab und belegt keinen Platz mehr, ähnlich dem Effekt nach

Floating

absolut ist relativ zum vorherigen übergeordneten Element ist nicht statisch. Führen Sie eine absolute Positionierung durch. Wenn die Position des übergeordneten Elements nicht angegeben ist, wird absolute absolut relativ zum gesamten

HTML-Dokument

positioniert.

fest

Erzeugt ein absolut positioniertes Element, positioniert relativ zum Browserfenster. Mit anderen Worten: Unabhängig davon, wie die Webseite gescrollt wird, bleibt das Element immer an einer bestimmten Position auf dem Bildschirm. Wenn wir möchten, dass die linke Steuerleiste für den Benutzer immer sichtbar ist, verwenden Sie position:fixe zur Positionierung.

Was tun, wenn ie6 und ie7 keine festen Attribute unterstützen?

Lösung

Verwenden Sie position:absolute

_top:expression ( eval(

document

.documentElement.scrollTop))

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung der CSS-Positionierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!