是position:static与position:relative相同,没有指定其他属性?

时间:2012-11-15 08:33:38

标签: css position css-position

position:static是否等同于position: relative而没有指定top,bottom,right或left属性?

我虽然这是因为postion: absolute的元素相对于没有postion: static的第一个元素。使用position: relative生成一个元素似乎是随意的,如果没有使用其他属性,它将与position: static的行为相同。想象我可能遗漏了static vs relative的内容。

谢谢!

2 个答案:

答案 0 :(得分:3)

答案是,两者都不同

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(位于absolute的子div将从其位于relative的父div中测量顶部,右侧,底部,左侧

这是一个简短但非常简单但功能强大的tutorial video来消除您的疑虑

关于CSS positioning

的简短文章

答案 1 :(得分:3)

使用position: relative而没有任何定位与元素本身的position: static相同,但对于具有position: absolute的孩子而言则有所不同。

绝对定位的元素相对于其包含的块放置,并且包含的​​块是position设置不是static的最接近的父元素。

相关问题