web前端css的3种定位属性

CSS的定位属性有三种，分别是相对定位、绝对定位、固定定位。

1. 相对定位　　//占坑定位，不脱标。还占着标准流里的原来位置，只是参照自己原来位置进行偏移。

　　定义：相对于自己原来的位置进行位置调整。一般用于位置微调。

　　用途：

　　　　1）微调自己的位置

　　　　2）做子元素绝对定位的参考，子绝父相

 

2. 绝对定位　　//脱标定位，脱离标准流。

　　定义：相对于定位的父元素进行自己的位置调整。定位的父元素可以是相对定位、绝对定位、固定定位，是最靠近的父元素。

　　用途：

　　　　1）绝对定位之后，标签就不区分行内元素、块级元素了，不需要display:block就可以设置宽、高。

　　　　2）压盖效果实现

 

3. 固定定位

　　定义：相对于浏览器窗口进行定位。无论页面如何滚动，这个盒子显示的位置不变。

　　用途：

　　　　1）返回顶部实现

　　　　2）导航栏实现