一、相对定位
position:relative;
作用:
相对定位 一般加给定位元素父级
特点:
(1)不脱离文档流;
(2)不改变元素类型;
(3)参照物是元素本身;
二、绝对定位
position:absolute;
一般会设置定位方向 left、top、right、bottom
特点:
(1)完全脱离文档流;
(2)改变元素类型,使元素支持宽高;
(3)参照物:如果有定位父级,参照物就是定位父级;如果没有定位父级,参照物就是body;
三、固定定位
position:fixed;
一般会设置定位方向 left、top、right、bottom
【注】固定定位在IE6下不支持
特点:
(1)完全脱离文档流;
(2)改变元素类型,使元素支持宽高;
(3)参照物:浏览器可视区;