position一般常用reletive,absolute,fixed三个属性。
众所周知,文档流都是自上而下,从左到右。
当样式只调用reletive时,网页的样式并不会发生改变,元素还是会在原来的文档流位置不会发生改变。
当样式需要调用absolute定位时,便需要在上一级元素中设置reletive样式,这时absolute的样式会根据上一级的大小来定位。如果上一级没有设置reletive,则absolute的样式会根据整个屏幕来定位。
当样式需要调用fixed属性时,这时fixed会根据整个屏幕的位置来定位,就算有滚动条滚动,元素依然会在定位好的位置不会发生改变。