可爱小笨
2016-03-01 19:23
如题,不懂relative这种定位的意义何在
对于子元素(box4)来说,采用relative和absolute是没有区别的,box4的定位只要box3具有定位属性就行;但是对于box3来说,如果要移动的时候,采用relative就是在当前默认位置(题目中box3没有偏移)的基础上偏移,可以根据和box1的距离定位,同时保留了box3的位置,之后要是还有box5可以参照box3的默认位置;用了absolute的话,要移动box3就要自己算和body的偏移量,同时没有了box3的位置,像透明一样悬在那儿,再加入box5的话也不好计算什么地方正好不在box3的位置
设成relative的话 移动box3就可以用相对box1的坐标了 设成absolute的话,移动box3就很麻烦了
因为box3里边没设置偏移量,那么position:relative/absolute 效果是一样的。但是实质不一样,当你设定了position的值,时,他等待着你设定偏移量,①如果你不设定偏移量,它就默认是自上而下或者自左向右的分步于页面;②如果你设定了,他就按照偏移量来偏移。还要注意,概念上的区别:绝对定位是相对于离他最近的父元素定位的;相对定位:相对于与他同级的元素定位的。效果上的区别:绝对定位的元素不会保留它的空间,如果有
其他元素要定位,是会覆盖它的;相对定位会保留其空间,如果p设置了相对定位,他后面有其他元素也要相对定位,后面的元素会自上而下分布,不占用p的空
间。relative是相对于他原来的位置偏移。absolute,相对于离他最近的父元素偏移。
以后你遇到了问题再回过来看吧,这个地方需要实践。
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题