关于absolute 和 relative 定位的定义

Posted

tags:

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

absolute的英文意思是绝对的意思,实际上是针对父级元素元素定位,如果父级元素没有position:relative|absolute,则追至再上一个父级元素,直至相对于文档的左上角定位,按照我们中国人的理解观念,这个其实是相对定位,是脱离文档流的。用了abolute属性,原有float属性将失效;
relative的英文意思是相对的意思,实际上是相对于对象当前位置的定位。而且是不脱离文档流的,就算用top、lef、bottom、right或margin将其移动位置,它也会在原来的文档流中占有自己实际大小的一块位置。
说白了,absolute是相对于父对象定位,relative是相对于当前位置定位!就是这么简单

以上是关于关于absolute 和 relative 定位的定义的主要内容,如果未能解决你的问题,请参考以下文章

今天我们来谈谈绝对定位和相对定位的区别,和需要注意的问题;position:absolute|relative;

探究position定位中absolute和relative的异同

div定位relative和absolute测试1

relative和absolute.

HTML中相对定位和绝对定位(absolute,relative)

CSS position绝对定位absolute relative