Html 顶部、底部、右侧和左侧位置属性的默认值
位置属性的顶部、底部、左侧和右侧值的默认值为“自动”,用户代理如何自动计算,这些值是什么?以Html 顶部、底部、右侧和左侧位置属性的默认值,html,css,Html,Css,位置属性的顶部、底部、左侧和右侧值的默认值为“自动”,用户代理如何自动计算,这些值是什么?以top为例,从 对于绝对定位的图元(位置:绝对或位置:固定的图元),它指定图元的上边缘边缘与其包含块的上边缘之间的距离 因此,绝对定位元素的top:auto表示元素当前的位置,并且可以受bottom属性的影响 对于相对定位的元素(具有位置:relative的元素),它 指定元素移动到其正常位置以下的量 因此,top:auto对于相对定位的元素,它意味着相对于其原始位置的偏移,也基于底部属性。如果两者都设置
top
为例,从
对于绝对定位的图元(位置:绝对或位置:固定的图元),它指定图元的上边缘边缘与其包含块的上边缘之间的距离
因此,绝对定位元素的top:auto
表示元素当前的位置,并且可以受bottom
属性的影响
对于相对定位的元素(具有位置:relative的元素),它
指定元素移动到其正常位置以下的量
因此,top:auto
对于相对定位的元素,它意味着相对于其原始位置的偏移,也基于底部属性。如果两者都设置为“自动”,则不会偏移任何内容
这对于底部是相同的,但是相反,然后对于左/右关系也是类似的
从
顶部、右侧、底部和左侧属性的默认值为
自动,这意味着绝对定位框将精确显示
如果它没有定位的话,它会在哪里。因为它被移除了
从流中,它将与正常流中的任何元素重叠
尽管如此,还是要遵循它
同样值得注意的是:
当同时指定顶部和底部时,只要高度为
未指定、自动或100%,顶部和底部距离均为
受人尊敬的。否则,如果高度以任何方式受到约束,则顶部
属性优先,忽略底部属性
“位置属性的定义”。。。嗯?
position
属性的值为“绝对”、“相对”等。请重新阅读问题,您不理解它。对于未替换的元素,此值的效果取决于哪些相关属性的值为“自动”。有关详细信息,请参见绝对定位、未替换图元的宽度和高度部分。对于替换的元素,此值的效果仅取决于替换内容的内在维度。有关详细信息,请参见绝对定位、替换元件的宽度和高度部分。-谢谢昆汀,我会看看这个。或者,也许,还不清楚。。。