Heim  >  Artikel  >  Web-Frontend  >  Welche Werte hat das Positionsattribut in HTML?

Welche Werte hat das Positionsattribut in HTML?

DDD
DDDOriginal
2023-09-28 17:15:422513Durchsuche

Zu den Positionsattributwerten in HTML gehören statisch, relativ, absolut, fest, klebrig usw. Detaillierte Einführung: 1. statisch, Elemente werden entsprechend dem normalen Dokumentfluss angeordnet und werden von der Positionierung nicht beeinflusst. 2. relativ, Elemente werden relativ zu ihrer normalen Position positioniert. 3. absolut, Elemente werden relativ zu ihrem nächstgelegenen positionierten Vorgänger positioniert Elemente Positionierung; 4. fest, das Element ist relativ zum Ansichtsfenster positioniert; 5. klebrig usw.

Welche Werte hat das Positionsattribut in HTML?

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

In HTML wird das Positionsattribut verwendet, um zu definieren, wie ein Element positioniert wird. Es verfügt über die folgenden Attributwerte:

statisch (Standardwert): Elemente werden gemäß dem normalen Dokumentfluss angeordnet und werden von der Positionierung nicht beeinflusst. Die Attribute links, rechts, oben und unten sind für statisch positionierte Elemente nicht gültig.

relativ: Das Element wird relativ zu seiner normalen Position positioniert. Sie können die Position von Elementen mithilfe der Attribute links, rechts, oben und unten anpassen. Die relative Positionierung hat keinen Einfluss auf die Position anderer Elemente und der von ihnen eingenommene Platz bleibt erhalten.

absolut: Das Element wird relativ zu seinem am nächsten positionierten Vorgängerelement positioniert. Wenn kein positioniertes Vorgängerelement vorhanden ist, erfolgt die Positionierung relativ zum Stammelement des Dokuments. Sie können die Position von Elementen mithilfe der Attribute links, rechts, oben und unten anpassen. Die absolute Positionierung unterbricht den normalen Dokumentenfluss und belegt nicht den Platz anderer Elemente.

behoben: Das Element ist relativ zum Ansichtsfenster positioniert und die Position des Elements ändert sich nicht, selbst wenn die Seite gescrollt wird. Sie können die Position von Elementen mithilfe der Attribute links, rechts, oben und unten anpassen. Die feste Positionierung unterbricht den normalen Dokumentenfluss und nimmt keinen Platz von anderen Elementen ein.

sticky: Elemente werden beim Scrollen zu einer bestimmten Position fest positioniert, andernfalls werden sie entsprechend dem normalen Dokumentenfluss angeordnet. Sie können die Position von Elementen mithilfe der Attribute links, rechts, oben und unten anpassen. Die Sticky-Positionierung erfolgt relativ zum übergeordneten Element oder Ansichtsfenster.

Diese Positionsattributwerte können über CSS-Stylesheets oder Inline-Stile angegeben werden. Durch Anpassen der Position und Positionierung von Elementen können verschiedene Layouteffekte und interaktive Effekte erzielt werden.

Das obige ist der detaillierte Inhalt vonWelche Werte hat das Positionsattribut in HTML?. 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