Heim >Web-Frontend >CSS-Tutorial >Was sind die Standardwerte für „oben', „links', „unten' und „rechts', wenn „Position: absolut' verwendet wird?

Was sind die Standardwerte für „oben', „links', „unten' und „rechts', wenn „Position: absolut' verwendet wird?

Linda Hamilton
Linda HamiltonOriginal
2024-11-07 03:16:03172Durchsuche

What are the Default Values for `top`, `left`, `bottom`, and `right` when Using `position: absolute`?

Standardwerte für Position: Absolute

Bei Verwendung der CSS-Eigenschaft position: absolute ohne Angabe von Werten ist es wichtig, die Standardwerte zu verstehen Werte für die Eigenschaften oben, links, unten und rechts. Entgegen der landläufigen Meinung sind diese Werte standardmäßig nicht auf 0 gesetzt.

Stattdessen ist der Standardwert für alle diese Eigenschaften „auto“. Das bedeutet, dass das Element an seiner normalen Position im Layout bleibt, als ob es überhaupt nicht positioniert wäre. Dies wird als „statische Position“ bezeichnet.

Das Verhalten eines Elements, dessen Offset-Werte alle auf „auto“ eingestellt sind, ist in der CSS-Spezifikation definiert. Für die horizontale Position lautet die Einschränkung:

'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' = width of containing block

Wenn alle drei von „links“, „breite“ und „rechts“ „auto“ sind, wird die Breite des Elements auf „shrink-to-“ eingestellt. fit“ und der „linke“ Wert wird basierend auf der statischen Position bestimmt.

Ähnlich lautet die Einschränkung für die vertikale Position:

'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom' = height of containing block

Wenn alle drei von „oben“ , 'height' und 'bottom' sind „auto“, der obere Wert des Elements wird auf die statische Position gesetzt und seine Höhe wird basierend auf seinem Inhalt bestimmt.

Das obige ist der detaillierte Inhalt vonWas sind die Standardwerte für „oben', „links', „unten' und „rechts', wenn „Position: absolut' verwendet wird?. 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