关于父子都设置为相对定位的问题
来源:7-1 定位案例
Homo_sapiensQ
2020-09-17 01:06:28
如果父级元素设置为relative,子元素也设置为relative,请问结果会如何呢?请老师详解。
我试了一下,将div2的position属性设置为relative,好像并没有变化。
1回答
好帮手慕小班
2020-09-17
同学你好,位置并没有发生变化,关于relative和absolute,同学可以参考如下内容理解:
1、position:relative; 是相对定位,相对的是原来它在页面中的位置。相当于它是把原来自己在常规流中的位置作为一个原点坐标,来移动定位。
而position:absolute;是绝对定位,一个元素如果设置为绝对定位,如果它的父级元素是相对定位,则在设置了偏移量的情况下,相当于父元素进行定位。如果父元素没有任何定位,则会往上找有定位的,如果没有,则根据body标签定位,也就是相对于浏览器的左上角进行定位。
2、这里在div2中,无论使用absolute还是relative,都会相对与这个原始点进行定位移动,所以没有变化。
如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~
相似问题