我对如何在某些情况下正确处理Bootstrap的下拉菜单有些困惑。特别是，似乎必须以这种方式构建菜单：
<div class="btn-group">
<button...>
<ul class="dropdown-menu">
<li...>
</ul>
</div>
现在，我想将此按钮放在某些库提供的某些容器中，恰好具有不幸的CSS。
参见此示例，由于父容器z索引和位置相对，顶部按钮的下拉列表出现在另一个按钮下。
http://jsfiddle.net/p1dssmrh/
下拉菜单似乎继承了相对上下文的特征，这实际上并未显示在页面的许多其他元素上。
是否有一种仅通过更改btn-group div中的内容来局部解决问题的方法？
或或者，是否可以将按钮从其html中的下拉菜单中解脱出来，以免它们粘在相同的上下文中？
（此问题与其他元素背后出现的Bootstrap下拉菜单非常相似-IE7，但我受到其他库的约束，而不是自由地更改封闭的HTML ...）
在.CodeMirror-sizer上设置z-index: 4，并确保其绝对位置的孩子是z-index: auto。样本。
事实是，一个自动z索引将第一个定位元素放在顶部，而编号的z index将最后一个定位的元素放在顶部（从而覆盖您的下拉列表）。