总结

一.定位：

1.属性：position

取值：relative

    absolute

    fixed

2偏移量：根据不同的定位方式实现元素位置的摆放

top  bottom  left  right(属性)

二.相对定位：相对于它原来位置偏移某个距离

  position：relative

通过偏移属性来实现位置的微调

  使用场合：位置微调

三.绝对定位：position：absolute

  1.绝对定位的元素会脱离文档流，不占据页面空间

  2.绝对定位的元素会相对于最近的已经定位的祖先元素实现位置的初始化

  3.如果没有已经定位的祖先元素，那么它的位置就相对于最初的包含块实现位置的初始化

四.固定定位：position：fixed

  1.将元素固定在页面的某个位置

  2.脱离文档流、不占据页面高度

  3.固定定位的元素不随着页面的滚动而滚动