Bootstrap - 下拉列表创建滚动条到父DIV

Question

Bootstrap下拉列表在放置在底部时创建滚动条到父div.有谁知道如何修理它？

jsFiddle这个.

在课堂上设置overflow: hidden或者很容易.但我需要滚动条,因为我会动态地向该div添加内容.那时它需要滚动条.即使我有滚动条下拉列表被推到底部.不能下拉浮动在滚动条上或者当我底部没有足够的空间时我可以向上打开吗？overflow: visiblebs-example

Answer 1

你必须使用overflow:inherit; 而不是汽车.

http://jsfiddle.net/gildonei/xMddf/1131/

.bs-example
{
    margin: 30px;
    height: 100px;
    border: 1px solid #F00;
    overflow: inherit;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<div class="bs-example">
      <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Default <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>

Answer 2

像这样

演示

CSS

.bs-example
{
    margin: 30px;
   height: 100px;
    overflow: hidden;
}

演示1

CSS

.bs-example
{
    margin: 30px;
   min-height: 400px;
    overflow: auto;
}