元素定位的区别以及用法

元素定位

属性	属性值	作用
position	fixed	固定定位
–	–	–
position	relative	相对定位
–	–	–
position	absolute	绝对定位

三种定位的区别

固定定位：以浏览器为参照物进行定位，元素脱离文档流；
相对定位：不脱离文档流，元素有父元素的话，以父元素为参照物进行定位，没有父元素的话，以浏览器为参照物进行定位；
绝对定位：脱离文档流；

看有没有父元素

有父元素：再看父元素有没有写相对定位，父元素有写相对定位，以父元素为参照物进行定位。
              		如果父元素没有写相对定位，以浏览器为参照物进行定位。
没有父元素：绝对定位以浏览器位参照物进行定位。

期间会用到的属性

属性	属性值	作用
z-index	number（数字）数字越大越不容易被覆盖	层叠样式（必须要与定位配合）
–	–	–
opacity	number（0-1）	透明度（IE8以下浏览器不支持）
–	–	–
filter	alpha（opacity=0-100）	透明度的兼容写法