QQ网名大全

请教一下怎么理解css定位中 relative:对象不可层叠?

首先明确几个概念:
静态定位:position:static
动态定位:position:relative
祖元素:任意包含该元素的元素
父元素:直接包含该元素的祖元素
同辈元素:拥有共同的父元素的元素
法则一:同辈元素定位方式相同时,且无z-index设置时,html靠后者居上
法则二:同辈元素同为动态定位时,且有z-index设置时,z-index值大者居上
三:同辈元素定位方式不同,动态定位居上
四:非同辈元素,任意一者及其祖元素不具备动态布局时,html靠后者居上
五:非同辈元素,任意一者或其祖元素拥有动态定位,同时各自向上寻找动态定位的祖元素,并分别从中拿出具备最高级别的祖元素或其本身进行比较
1. 子元素的z-index无论多大,父元素者居上
2. 父元素居下,子元素也可以居上
父元素居下,子元素也可以居上的情况,则是利用非同辈元素在祖元素具备动态布局时,其比较已与position:staic无关,而其祖元素却可通过html的位置来进行比较
佚名
2024-11-15 18:18:17
最佳回答
类似问题(10)