移动视图中的下拉菜单中的导航栏高度自动无效

Question

导航栏有两个下拉列表。在移动视图中，第一个下拉工作正常（高度：自动工作）。但第二个下拉列表是按钮组和此高度，未展开（高度：auto在这种情况下不起作用）。我的方案与this post相同。第二个下拉列表将动态创建。所以我认为这可能是不响应高度的原因：自动。

正如您在第一张图中所见，当我打开第一个下拉时，身高：自动扩展到最大高度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"。你试过关掉它吗？