css定位中绝对定位和相对定位的区别
ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器
1、相对定位的元素不会脱离文档流,占用文档流的空间,Left; Right; Top和Bottom属性与margin属性混合使用会产生累加效果。
2、绝对定位的元素脱离文档流,偏移不影响文档流中的其它元素,Left; Right; Top和Bottom属性与margin属性混合使用,偏移方向相同值累加,方向相反,margin属性值无效。
3、绝对定位的元素以最近的定位祖先元素为参照物。
第一,不管是什么,既然要定位,就需要有一个参照物
相对定位的参照物是本身。
绝对定位的参照物就是父级元素,当父级元素中不存在相对定位,那么它的参照物就是body
第二,产生的影响
相对定位,设置后,原来的位置始终保留着
绝对定位,设置后,原来的位置会被后面的内容占据