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

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!