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

Question

我对隐藏在主 div 后面的子导航列表有疑问。我用过 z-index。我知道问题是因为以下 block ，尝试了不同的方法但无法解决它。我正在创建动态网页设计，我想要的是 .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

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

jsFiddle (悬停服务菜单)

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