css - 隐藏在 div 后面的子导航列表

Question

我遇到了隐藏在 main 后面的子导航列表的问题div。我用过z-index。我知道问题是由于以下块，尝试了不同的事情但无法解决它。我正在创建动态网页设计，我想要的是.contact_No_01填充右侧空间的宽度，这就是我使用contact_No_01.

参考代码：jsFiddle

#header_block2 {
margin:0 auto;
width:90%;
position:relative;
overflow:hidden;
background-color:aqua;
}

#contact_strip {
position:absolute;
width:5%;
right:0;
height:62px;
top:50px;
z-index: 1;
overflow: hidden;
background-color:green; 
}

Answer 1

您需要overflow:hidden;从此 CSS 中删除并将其设置为可见：

jsFiddle（悬停服务菜单）

#header_block2 {
margin: 0 auto;
width: 90%;
position: relative;
overflow: visible;     /* change is here  */
background-color: aqua;
}