CSS父子DIV绝对定位和相对定位的位置关系是怎样的?_html/css_WEB-ITnose

有两种情况:

1)如果父div采用相对定位,其子div只能采用绝对定位吗?(根据我的理解:子div永远浮于父div之上)

2)如果父div采用绝对定位,那么可以定义其子div吗?

回复讨论(解决方案)

绝对定位如果父级不使用position:relative,而直接使用position:absolute绝对定位,这个时候将会以body标签为父级,使用position:absolute定义对象无论位于DIV多少层结构,都将会被拖出以

为父级(参考级)进行绝对定位。

父级定义position:relative定位,子级定义position:absolute绝对定位属性,并且子级使用left或right和top或bottom进行绝对定位

绝对定位是以body标签为目标

相对定位是以父级标签为目标

绝对定位是以body标签为目标

相对定位是以父级标签为目标

别误导人,相对定位是相对于自身目前所在的位置,绝对定位是相对于父元素是否用了定位,父元素用了就依据父元素来定位,如果父元素没有就一直往父、父、父、、、元素,看看祖先元素哪个用了定位(只要是用了定位样式就可以),就依据用了定位的祖先元素定位。

这么说吧,绝对定位:如果父元素用了定位样式,就根据父元素来定位,如果父元素没用定位样式,而爷元素用了定位样式,就以爷元素定位,如果爷爷还没有用定位样式?就看看爷爷的父(曾字辈)用了定位样式没有,如果用了就以曾字辈定位,如果一直往上找没有祖先元素用定位样式。那就以body为定位了。

如果绝对定位的元素没有父元素,那么将来trbl是相对于body来定位的;
如果绝对定位的元素有父元素,但是父元素没有定位,那么这个时候trbl还是相对于body来定位的。
如果绝对定位的元素有父元素,而且父元素有定位(非static),那么这个绝对定位的元素偏移是以自己的父元素为基础。
绝对定位的元素会脱离标准流,在页面不会占据位置。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3117089.html

(0)
上一篇 2025年3月29日 13:27:48
下一篇 2025年3月29日 13:27:54

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论