相对定位和绝对定位的用法及区别

Posted 2020-10-27 lzz-

相对定位和绝对定位的用法及区别

相对定位：position:relative

该元素相对于自己原有位置，偏移一定距离。相对的是自己。虽然偏移，但是同时它还占着它原来的位置。

绝对定位：position：absolute

相对的是父元素偏移一定距离。这个父元素也需要是设置了position属性。绝对定位的元素的位置相对于
最近的已定位祖先元素，绝对定位元素不占原来的位置。