定位position

position:relative|absolute|static|fixed

absolute:  绝对定位，

在没有设定TRBL，默认依据父级的坐标原始点。

如果设定TRBL，1.父对象有设position，则以父对象“区域内容远点”为原点定位。

2.父对象没有设定position，则，以body原点来定位。

 

relative:相对定位，以父级的原始点为原始点，无父级则以body原始点为原始点，配合TRBL定位，

当父级有padding等css属性时，当前级的原始点则参照父级内容区的原始点进行定位。

 

 

absolute是脱离文档流的。

relative的元素虽然表现会脱离文档流，但是实际的元素还会在文档流中存在。

 

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