首页 > web前端 > css教程 > 使用'position:absolute”时,'top”、'left”、'bottom”和'right”的默认值是什么?

使用'position:absolute”时,'top”、'left”、'bottom”和'right”的默认值是什么?

Linda Hamilton
发布: 2024-11-07 03:16:03
原创
169 人浏览过

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

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板