Welche Werte hat die CSS-Positionseigenschaft?

CSS-Positionsattributwerte sind: 1. statisch, was der Standardwert der Position ist; 2. fest, was fest positionierte Elemente generiert; 4. relativ; das relativ positionierte Elemente generiert. 5. erben, den übergeordneten Attributwert erben.

1. Position: relative; relative Positionierung

• hat keinen Einfluss auf die Eigenschaften des Elements selbst (ob die Blockelement oder das innere Das verknüpfte Element behält seine ursprünglichen Eigenschaften)

• nimmt das Element nicht aus dem Dokumentfluss (die ursprüngliche Position des Elements bleibt erhalten, die neue Position jedoch nicht belegt sein, auch wenn die Position geändert wird)

• Wenn kein Positionierungsoffset vorhanden ist, hat dies keine Auswirkung auf das Element (Offset relativ zur ursprünglichen Position)

• Erhöhen Sie die Ebene (Sie können den Wert des Z-Index-Stils verwenden). Ändern Sie die hierarchische Beziehung eines positionierten Elements und ändern Sie dadurch die Deckungsbeziehung des Elements. Je größer der Wert, desto höher. Der Z-Index kann nur für Elemente wirksam sein, deren Positionsattributwert relativ, absolut oder fest ist.) (Beide sind positionierte Elemente. Letzteres überschreibt die vorherige Positionierung)

2. Position: absolut; absolute Positionierung

• macht das Element vollständig aus dem Dokumentfluss (im Dokumentfluss belegt keinen Platz mehr)

• Aktivieren Inline-Elemente zur Unterstützung von Breite und Höhe beim Festlegen von Breite und Höhe (Ändern der Eigenschaften von Inline-Elementen)

• Veranlassen Sie, dass das Blockelement seine Breite um den Inhalt erweitert, wenn die Breite nicht festgelegt ist (Änderung). die Eigenschaften des Blockelements)

• Versatz relativ zum nächstgelegenen positionierten übergeordneten Element (wenn sein übergeordnetes Element nicht positioniert ist, durchsuchen Sie es Ebene für Ebene, bis Dokument - Seitendokumentobjekt)

• Relative Positionierung wird im Allgemeinen in Verbindung mit absoluter Positionierung verwendet (stellen Sie die relative Positionierung des übergeordneten Elements so ein, dass sie relativ zum Versatz des übergeordneten Elements ist)

• Ebene hochstufen (wie relative Positionierung)

3. Position: fest; feste Positionierung

feste Generation Fest positionierte Elemente werden relativ zum Browserfenster positioniert .

4. position:static: Standardwert

Standardlayout. Das Element erscheint im normalen Fluss (ohne Berücksichtigung der Top-, Bottom-, Left-, Right- oder Z-Index-Deklarationen).

6. position: inherit

gibt an, dass der Wert des Positionsattributs vom übergeordneten Element geerbt werden soll.

Empfohlenes Tutorial: „CSS-Tutorial“

Das obige ist der detaillierte Inhalt vonWelche Werte hat die CSS-Positionseigenschaft?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!