position:static
是否等同于position: relative
而没有指定top,bottom,right或left属性?
我虽然这是因为postion: absolute
的元素相对于没有postion: static
的第一个元素。使用position: relative
生成一个元素似乎是随意的,如果没有使用其他属性,它将与position: static
的行为相同。想象我可能遗漏了static
vs relative
的内容。
谢谢!
答案 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来消除您的疑虑
的简短文章答案 1 :(得分:3)
使用position: relative
而没有任何定位与元素本身的position: static
相同,但对于具有position: absolute
的孩子而言则有所不同。
绝对定位的元素相对于其包含的块放置,并且包含的块是position
设置不是static
的最接近的父元素。