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

Posted lzz-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了相对定位和绝对定位的用法及区别相关的知识,希望对你有一定的参考价值。

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

相对定位:position:relative

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

绝对定位:position:absolute

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

 

 

以上是关于相对定位和绝对定位的用法及区别的主要内容,如果未能解决你的问题,请参考以下文章

深入浅出理解绝对定位和相对定位

讲讲相对定位、绝对定位、固定定位的理解?

解析position定位及区别

css中的相对定位与绝对定位的区别

CSS布局浮动和定位属性的区别

相对定位绝对定位固定定位区别