粘性元素和相对元素兄弟的混淆

问题描述 投票:0回答:1
html sticky stacking-context
1个回答
0
投票

何塞,

“粘性导航元素放置在我的卡片元素下方”,这是元素放置在页面上的方式。您的卡片位于 html 中的导航之后,因此如果卡片元素存在于页面上的同一 x,y 平面中,则卡片元素将位于导航之上。根据 MDM 和 css 规范:

“盒子沿着“z 轴”排列,并且格式化为一个在另一个之上”

“粘性创建堆叠上下文”这一事实在这种情况下不起作用,因为导航没有任何子项。再次根据 MDM:

“其子堆叠上下文的 z-index 值仅在此父级中有意义”

希望这足以为您解释这种行为。

© www.soinside.com 2019 - 2024. All rights reserved.