position 用于网页元素的定位,可以设置static|relative|position|fixed
relative
相对定位relative
是相对于元素本身的位置定位的。
relative
可以控制自身位置的改变,但不会影响其他元素的位置和大小;
relative
会产生新的定位上下文;
position
position
相对于定位上下文进行定位
-
position
定位后的元素会脱离文档流,产生破坏性,导致父元素塌陷 -
position
定位具有跟随性,还在原来的位置 - 包裹性
-
position
定位后的元素悬浮在原来位置的上方
fixed
- 相对于window窗口的边框定位
定位上下文
position:relative|absolute|fixed
均会产生新的定位上下文