css - 下拉菜单被切断

Question

我有一个下拉菜单，它似乎由于父 div 而被删除，即如果我增加父 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

可能是您拥有overflow:hidden;wrap div 之一，.menu .rounded #main-navigation或者.container检查它们。

Answer 2

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

尝试将其更改为

.va_sort_list_wrap {
width: 132px;
}