您的位置:首页 > Web前端

position属性absolute与relative

2015-08-26 17:12 246 查看

关于relative和absolute这段话更简洁

/*absolute的英文意思是绝对的意思,实际上是针对父级元素元素定位,如果父级元素没有position:relative|absolute,则追至再上一个父级元素,直至相对于文档的左上角定位,按照我们中国人的理解观念,这个其实是相对定位,是脱离文档流的。用了abolute属性,原有float属性将失效;

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

说白了,absolute是相对于父对象定位,relative是相对于当前位置定位!就是这么简单!*/

参考:

position属性absolute与relative 详解

CSS+DIV定位分析(relative,absolute,static,fixed)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端 html 定位