html - 导航栏高度自动不适用于移动 View 中的下拉菜单

Question

导航栏有两个下拉菜单。在移动 View 中，首先下拉工作正常(高度:自动工作)。但是第二个下拉菜单位于按钮组和它的高度中，没有展开(height:auto 在这种情况下不起作用)。我的场景与 this post 相同.第二个下拉列表将动态创建。所以我认为这可能是不响应 height:auto 的原因。

如您在第一个图中看到的，当我打开第一个下拉菜单时，height:auto 扩展到 max-height 340px。 但是当我在同一个导航中打开第二个下拉菜单时，高度自动不会扩展。这里的高度只有大约 122 像素

代码是，

<div class="navbar-collapse in" id="vehicle-group-navbar" style="height: auto;">
    <ul class="nav navbar-nav">
        <li class="dropdown open"><a href="#" class="dropdown-toggle"
data-toggle="dropdown">Select Group <b class="caret"></b></a>
            <ul class="dropdown-menu" id="customerGroups">......</ul>
   </ul>   <!-- first dropdown -->

<!-- second dropdown -->    
<div class="btn-group bootstrap-select nav navbar-nav dropdown fit-width label 
    label-info"><button type="button" class="btn dropdown-toggle plain"
    data-toggle="dropdown" data-id="vehiclesDropdown" title="Select Asset">
    <span class="filter-option pull-left">Select Asset</span><span class="caret">
   </span></span></button><div class="dropdown-menu open"
   style="max-height: 354px; overflow: hidden;">.....</div>

Answer 1

您的属性中有 style="height:auto"。您是否尝试将其关闭？