CSS相对路径和绝对路径

html布局机制是文档流模型，即块元素独占一行，内联元素不会独占一行。

相对定位 position：relative

相对定位即相对元素本身原来的位置设置偏移，用left、right、top、bottom进行定位后，元素会根据原来的位置进行移动，但是该元素不会脱离文档流，元素移动前所占的位置会保留。

绝对定位 position：absolute

绝对定位找的相对对象时该元素第一个有position属性的祖先元素（相对和绝对定位都可以），然后设定值来对该元素定位。需要注意的是设定该属性后，该元素会脱离文档流，所以在定位后该元素原来占的位置不会保留。