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中文网其他相关文章!