相对绝对不能破坏层次结构问题解决方案第1页3
前段时间，好像是谁在小组里提出了一个问题，真的不明白。复制代码代码如下所示：
第一块
第二件
第三件
第四件
第五件
如果我把李位置：相对设置跨位置：绝对的，我们会发现，不管是跨z-index值很高，总是会在母公司层面。
复制代码代码如下所示：
*边距：0；填充：0；列表样式：无；}
李{宽度：100px；身高：100px；保证金：0 5px 00；背景：# 000；浮动：左；位置：相对；Z指数：1；}
李跨{宽度：200px；身高：100px；背景：# C00；位置：绝对的；最高：0；左：100px；Z指数：1000；}
很容易找到我们的分段。z-index值达到1000，位置：绝对伏特加是集；分段保持在母。我想了很久，我认为最根本的问题是：设置相同的位置：相对/绝对的；同一水平的标签之间的水平不能超过z-index.the第一李水平在我们的例子中总是小于下李的排名，所以我们设置的位置：在李子水平绝对的，给予非常高的z-index值。
也许你是这样想的：只是设定位置：相对于李的跨度，不是吗这是非常正确的，当另一个李没有设置位置：相对，那么我们需要的子层可以浮在所有内容之上，但是如果事实上，所有的李都有跨度，那么属性需要做什么呢当然我们不需要有这样的效果。但我们需要有这样的效果：所有的能级都是隐藏的，当有一个老鼠的反应和浮在上面的所有内容。我们需要知道，这真的是一个头痛的问题，因为我们上面看到的那个孩子的水平压下母标签下的当它显示。这里我们实现这个鼠标反应的定位效应：
复制代码代码如下所示：
第一块
第二件
第三件
第四件
第五件
我们通过链接鼠标事件来显示隐藏：
复制代码代码如下所示：
*边距：0；填充：0；列表样式：无；}
李{身高：100px；保证金：0 5px 00；浮动：左；宽度：100px；}
李：{位置相对；Z指数：1；显示：块；高度：100px；宽度：100px；背景：# 000；}
李：悬停{背景：# 000000；}
李跨度{显示：无；}
李：悬停跨度{显示：块；背景：# C00；宽度：200px；高度：200px；位置：绝对的；最高：0；左：100px；Z指数：1000；}