CSS中的定位

一，静态定位position:static;

position属性的默认值。

所有标准流中的元素都是静态定位

二，相对定位 position：relative;

相对元素原来的位置进行平移，需要配合top right bottom left属性使用。

相对定位之后的元素，还保留着定位之前的位置，还在标准流中。

三，绝对定位position: absolute;

使用的时候要配合上右下左四个属性使用。

1，如果绝对定位的元素没有父元素，则是相对于浏览器或者body来定位的

2，如果绝对定位元素有父元素，但是父元素没有定位，则还是相对于浏览器或者body来定位

3，如果绝对定位的元素有父元素，且父元素有定位（非static定位）则这个元素是相对于父元素定位。

且绝对定位的元素脱离了标准流，不在页面中占据位置

四，固定定位  position:fixed

使用的时候要配合上右下左四个属性使用。

1，不管页面多大，都是相对于浏览器的边框来定位的，

2，固定定位的元素脱离了标准流，不占据位置。