relative和absolute的属性详解

看了这么多有关relative和absolute的属性介绍，我觉下面的最容易理解。

关于relative和absolute这段话更简洁

absolute：

absolute英文意思是绝对的意思,实际上是针对父级元素元素定位,且不占用父级元素其他位置（relative定位仍把原来的位置保留），

如果父级元素没有position:relative|absolute,则追至再上一个父级元素,直至相对于文档的左上角定位，按照我们中国人的理解观念，这个其实是相对定位，是脱离文档流的。

注：1.  用了abolute属性，原有float属性将失效；

2.  网页居中使用absolute时，容易出错，因为居中事分辨率大小时自适应的，而absolute会以浏览器左上角为远点，不会因为分辨率变化而变化，很多人在这个问题上出错。

relative：

relative的英文意思是相对的意思，实际上是相对于对象当前位置的定位，但是原来的位置仍占据。而且是不脱离文档流的，就算用top、lef、bottom、right或margin将其移动位置，它也会在原来的文档流中占有自己实际大小的一块位置。

注：1.  relative参照父级元素原始点，无父级以body原始点为原始点

2.  父级中有padding，margin等时，原始点参照父级内容区原始点定位

其实，absolute是相对于父对象定位，relative是相对于当前位置定位！哈哈，弄懂了就是这么简单哟！