下拉显示在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，则删除溢出..