下拉菜單得到切斷

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; 
}