css - 下拉它显示在 ScrollBar 下方

Question

请看下面的代码:

    <div ng-controller="DropdownCtrl">
    <div style="height: 100px; overflow-y: auto;">


        <!-- Single button -->
        <div class="btn-group" dropdown is-open="status.isopen">
            <button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled">
                Button dropdown <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a>
                </li>
                <li><a href="#">Another action</a>
                </li>
                <li><a href="#">Something else here</a>
                </li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a>
                </li>
            </ul>
        </div>
    </div>
</div>

http://plnkr.co/edit/DwQIi6ipDgN9LIOe5TqR?p=preview

我知道问题出在 div 的高度，但我需要保持高度不变。 请参阅我的元素的屏幕截图:

我该如何解决这个问题？

Answer 1

我使用 position:fixed 但不行，因为你使用了 overflow:

如果不使用 position:fixed，移除 overflow..