使下拉列表的宽度等于其父级

Question

我想并排放置一个按钮和一个下拉列表，所以我必须使用<div class="hi"> <p>123456789</p> <div>。然后我意识到很难使下拉列表的宽度等于它们的父级（即display: inline-block）;像Version和position: relative这样的方法不起作用。

有谁知道怎么做？

JSBin

width:100%

Answer 1

在bootstrap中，.dropdown-menu的值为min-width。覆盖这个：

.dropdown-menu {
  min-width: 0;
  width: 100%;
}

demo