position的粗略解析

position一般常用reletive，absolute，fixed三个属性。

众所周知，文档流都是自上而下，从左到右。

当样式只调用reletive时，网页的样式并不会发生改变，元素还是会在原来的文档流位置不会发生改变。

当样式需要调用absolute定位时，便需要在上一级元素中设置reletive样式，这时absolute的样式会根据上一级的大小来定位。如果上一级没有设置reletive，则absolute的样式会根据整个屏幕来定位。

当样式需要调用fixed属性时，这时fixed会根据整个屏幕的位置来定位，就算有滚动条滚动，元素依然会在定位好的位置不会发生改变。