下拉菜单得到切断

Question

我有一个下拉菜单，它似乎是由于父母的分割，即如果我增加父div的高度，下拉菜单似乎是可见的。请帮忙。以下是我的代码：

标记

<div id="main-navigation" class="container"> 
    <div class="menu rounded"> 
     <ul id="navigation" class="l_tinynav1"> 
      <select id="tinynav1" class="tinynav tinynav1"> 
    </div> 
</div> 

CSS

#main-navigation .menu ul 
{ 
    background: none repeat scroll 0 0 #FFFFFF; 
    border-bottom: 1px solid #D51386; 
    border-left: 1px solid #D51386; 
    border-radius: 0 0 5px 5px; 
    border-right: 1px solid #D51386; 
    margin: 0 auto; 
    min-height: 38px; 
    overflow: visible; 
    width: 98%; 
} 

#main-navigation .menu li 
{ 
    border-left: 1px solid #E1E1E1; 
    border-right: 1px solid #C1C1C1; 
    float: left; 
    height: 38px; 
    position: relative; 
    top: 0; 
} 

Answer 1

这可能是因为你在包装的div .menu.rounded#main-navigation或.container的一个具有overflow:hidden;，检查他们。

Answer 2

在检查您的网站时，我发现您使用的是ul和li作为自定义下拉菜单。这个中断的原因是width的.va_sort_list_wrap。

尝试将其更改为

.va_sort_list_wrap { 
width: 132px; 
}