css定位中绝对定位和相对定位的区别

css定位中绝对定位和相对定位的区别

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

1、相对定位的元素不会脱离文档流，占用文档流的空间，Left; Right; Top和Bottom属性与margin属性混合使用会产生累加效果。

2、绝对定位的元素脱离文档流，偏移不影响文档流中的其它元素，Left; Right; Top和Bottom属性与margin属性混合使用，偏移方向相同值累加，方向相反，margin属性值无效。

3、绝对定位的元素以最近的定位祖先元素为参照物。

第一，不管是什么，既然要定位，就需要有一个参照物
相对定位的参照物是本身。

绝对定位的参照物就是父级元素，当父级元素中不存在相对定位，那么它的参照物就是body

第二，产生的影响
相对定位，设置后，原来的位置始终保留着
绝对定位，设置后，原来的位置会被后面的内容占据