级联CSS菜单中的溢出问题

Question

我有一个简单的基于CSS的下拉菜单，工作正常。但现在我想添加一个也会显示的子菜单。除了显示子菜单时主菜单列表上的高度正在扩展外，一切正常。

http://jsfiddle.net/GzfFs/

.cascade_content {
/* cascading sub menu */
display: none;
z-index: 103;
position: relative;
background: #FFFFFF;
border: 1px solid #8C8C8C;
padding: 10px 0px 10px 0px;
width: 190px;
left: -192px;
top: -26px;
-moz-box-shadow: 0 2px 6px 0px #8C8C8C;
-webkit-box-shadow: 0 2px 6px 0px #8C8C8C;
box-shadow: 0 2px 6px 0px #8C8C8C;

}

注意：它看起来像位置：子菜单中的相对导致了这个...但是，将其更改为position：absolute会导致它出现在正确位置的问题。我相信那些拥有更多CSS经验的人会认为这是一个简单的问题 - 感谢您提供的任何帮助！

Answer 1

http://jsfiddle.net/GzfFs/1/

.dropdown_content li {position: relative}
.cascade_content {position: absolute}

您可能还需要在LI内移动您的UL以获得您想要的位置。