                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么要使用position:relative

绝对定位那节已经讲到，绝对定位是将元素脱离文档流，再相对于它最近的父类元素进行定位，

而这节课只需要对box2进行绝对定位，box1根本无需position:relative 也可以达到同样的效果

那么：为什么要使用position:relative呢

坚持MyDream

2016-09-30

源自：初识HTML(5)+CSS(3)-升级版 13-9

关注问题我要回答

3527

操作

收起

4 回答

qq_小帅峰少_0
2016-10-11

父元素绝对定位的话脱离了文档流

0 回复有任何疑惑可以回复我~

收起回答

深渊大魔王4100108
2016-10-05

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

网上找到的一段话