Html <；p>；标签阻碍<；导航>'；谁的孩子？

代码笔：

上面的画笔有一个带有下拉列表的

栏，其层次结构如下：

nav > ul.nav-list > li.parent > ul  /* ul: dropdown list */

随后的

隐藏了不需要的下拉列表，我不知道如何停止它

---

奇怪的是，如果应用了

{-webkit-，-moz-，…}转换

，则下拉列表将自身堆叠在

上方。（将

-webkit transform:translateX（0）

粘贴到笔中，然后查看），这几乎肯定是一个bug，但我不确定我能做些什么来修复这个问题，除了更改

显示
和
z-index
es。
要使
z-index
正常工作，还必须使用
位置：相对
（或任何
位置
真的，但在本例中是
相对的
）
要使
z-index
正常工作，还必须使用
位置：相对的
（或任何
位置
真的，但在本例中是
相对的
）
谢谢！事实上，只需设置
位置：relative
即可自行修复。知道原因吗？@MarcoScannadinari，否则它无法创建需要工作的堆叠上下文。抱歉，我的意思是没有
z-index
集。检查计算规则表明
z-index
设置为自动，这是否意味着自动z索引、相对显示的元素总是堆叠在它们覆盖的元素之上，即使它们不是覆盖元素的父元素？好的，只是在单独的页面上测试它。父元素溢出的元素会被页面中的其他元素遮挡，除非设置了
位置
，即！静态。谢谢！事实上，只需设置 位置：relative
自行修复。知道为什么吗？@MarcoScannadinari，因为否则它无法创建需要工作的堆叠上下文。对不起，我是说没有
z-index
集。检查计算规则表明
z-index
设置为自动，那么这是否意味着自动z-index，relative-displated ele元素总是叠加在它们覆盖的元素上，即使它们不是覆盖元素的父元素？好的，在单独的页面上测试它。来自父元素的溢出元素会被页面中的其他元素遮挡，除非设置了
位置
，也就是说！静态。发生转换的原因显然是它创建了一个叠加元素转换发生的原因显然是它创建了一个堆叠上下文。