Heim >Web-Frontend >HTML-Tutorial >CSS父子DIV绝对定位和相对定位的位置关系是怎样的?_html/css_WEB-ITnose
有两种情况:
1)如果父DIV采用相对定位,其子DIV只能采用绝对定位吗?(根据我的理解:子DIV永远浮于父DIV之上)
2)如果父DIV采用绝对定位,那么可以定义其子DIV吗?
绝对定位如果父级不使用position:relative,而直接使用position:absolute绝对定位,这个时候将会以body标签为父级,使用position:absolute定义对象无论位于DIV多少层结构,都将会被拖出以
为父级(参考级)进行绝对定位。 绝对定位是以body标签为目标
相对定位是以父级标签为目标
绝对定位是以body标签为目标
相对定位是以父级标签为目标
如果绝对定位的元素没有父元素,那么将来trbl是相对于body来定位的;
如果绝对定位的元素有父元素,但是父元素没有定位,那么这个时候trbl还是相对于body来定位的。
如果绝对定位的元素有父元素,而且父元素有定位(非static),那么这个绝对定位的元素偏移是以自己的父元素为基础。
绝对定位的元素会脱离标准流,在页面不会占据位置。