是否position:static
等同于position: relative
没有指定 top、bottom、right 或 left 属性?
我认为这是因为一个元素postion: absolute
相对于第一个没有postion: static
. 用 来创建一个元素似乎是任意的,如果没有使用其他属性position: relative
,它的行为将与 a 相同。position: static
想我可能会遗漏一些关于static
vs的东西relative
。
谢谢!
是否position:static
等同于position: relative
没有指定 top、bottom、right 或 left 属性?
我认为这是因为一个元素postion: absolute
相对于第一个没有postion: static
. 用 来创建一个元素似乎是任意的,如果没有使用其他属性position: relative
,它的行为将与 a 相同。position: static
想我可能会遗漏一些关于static
vs的东西relative
。
谢谢!
不使用position: relative
任何定位的使用position: static
与元素本身的工作方式相同,但对于具有position: absolute
.
绝对定位的元素是相对于它的包含块放置的,包含块是最近的父元素,其position
设置不是static
.
答案是否定的,两者都不一样
position: static;
仅表示默认位置,top, right, bottom, left
除非你使用,否则你不能使用position: relative, absolute or fixed
,你需要使用边距,此外,position: relative;
当子元素被定位absolute
时,所有元素都可以浮动在position: relative;
div 内,如果你保持它是静态的,他们将退出文档...
看看例子
Demo1(保持 div 静态并使用 top,left 无效)
Demo2(使其position: relative;
确实影响顶部,左侧)
Demo3(保持父div静态,子定位后会流出absolute
)
Demo4(定位的子 divabsolute
将测量其父 div 定位的顶部、右侧、底部、左侧relative
)
这 1 是简短且非常简单但功能强大的教程视频,以清除您的疑虑
还有一篇关于CSS 定位的短文