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

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

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

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

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

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

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

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

你可能感兴趣的:(html+css,css,html,php,网站,绝对定位和相对定位)