使用“position:absolute”时，“top”、“left”、“bottom”和“right”的默认值是什么？

Position: Absolute 的默认值

在不指定任何值的情况下使用position:absolute CSS 属性时，了解默认值非常重要顶部、左侧、底部和右侧属性的值。与普遍看法相反，默认情况下这些值并未设置为 0。

相反，所有这些属性的默认值都是“auto”。这意味着该元素保持在布局中的正常位置，就好像它根本没有定位一样。这称为“静态位置”。

CSS 规范中定义了将所有偏移值设置为“auto”的元素的行为。对于水平位置，约束为：

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

如果 'left'、'width' 和 'right' 全部三个都是“auto”，则元素的宽度设置为“shrink-to-” fit，”，'left' 值根据静态位置确定。

类似地，对于垂直位置，约束为：

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

如果 'top' 全部三个、 'height' 和 'bottom' 为“auto”，元素的 top 值设置为静态位置，其高度根据其内容确定。

以上是使用“position:absolute”时，“top”、“left”、“bottom”和“right”的默认值是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！