下拉菜单被切断 [英] Dropdown Menu get cut off

问题描述

我有一个下拉菜单，但由于父div的缘故，似乎已被删除，即，如果我增加了父div的高度，则该下拉菜单似乎变得可见.请帮忙.下面是我的代码:

I have a drop down menu and it seems to be cut of due to the parent div i.e if i increase the height of the parent div, the drop down menu seems to come visible. please help. and below is my code:

标记

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

推荐答案

可能是您的包裹div之一 .menu 上有 overflow:hidden; > .rounded #main-navigation 或 .container ，进行检查.

It may be that you have overflow:hidden; on one of wrap divs .menu .rounded #main-navigation or .container, check them.

这篇关于下拉菜单被切断的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！