CSS中层模型的三种定位

1. 相对定位(position: relative)
   是相对于自己现在应该在的位置，偏移一定的距离
   
   这是第二个块本来的位置
   它的相对定位是相对于现在的位置进行偏移
   
2. 绝对定位(position: absolute)
   是相对于网页的开头，偏移一定的距离
   
   第二个块的位置是从网页左上角开始偏移的，而不是从第一块下面开始偏移的
3. 固定定位(position: fixed)
   是在视图内固定不动，不管怎么滚动页面，它的位置都不会改变