Css 菜单一直隐藏在页面上其他元素的后面

我知道这看起来很傻，但这菜单快把我逼疯了。我修了几次，但它总是回来咬我的屁股

菜单是这样的。正如你所看到的，它的一半被切断了，所以你不能读单词

我已经尝试了很多方法来解决这个问题。我在html中移动了菜单，尝试定位它并添加z索引。但是我没有运气

html如下所示

<div class="pull-right" style="padding-top: 0px;">
            <!-- drop button -->
            <div class="btn-group js_editTab-wrapper open" data-bind="attr: { 'data-id' : id, 'data-type' : entityType}" data-id="25402" data-type="KioskPageControl">


              <!-- ko if : $data.editTabs -->
              <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu dropBorder" role="menu" data-bind="foreach: $data.editTabs">
                <li><a href="#" data-bind="text: $data" class="js_editTab noLink">Appearance</a></li>

                <li><a href="#" data-bind="text: $data" class="js_editTab noLink">Identification</a></li>

                <li><a href="#" data-bind="text: $data" class="js_editTab noLink">Parameters</a></li>

                <li><a href="#" data-bind="text: $data" class="js_editTab noLink">Rules</a></li>
              </ul>
              <!-- /ko -->
            </div>
            &nbsp;
            <span class="drag btn-xs btn-labeled btn-info">
                <span class="btn-label"><span class="glyphicon glyphicon-move"></span></span>
            </span>
            &nbsp;
            <span class="remove btn-xs btn-labeled btn-danger">
                <span class="btn-label"><span class="glyphicon glyphicon-remove"></span></span>
            </span>
        </div>

position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
list-style: none;
overflow: visible;

---

显然，单击下拉菜单时，“显示无”变为“阻止”，蓝色条上的z索引为1。任何帮助都将不胜感激

我想你的主容器（这个以蓝色背景结尾的容器）已经隐藏溢出。几天前我也遇到了同样的问题。@sinanspd，这是一个企业应用程序，所以我无法发布整个问题。我已经检查了这个东西的垃圾，上面的css是唯一附加到它的东西。position:absolute/relative会破坏页面元素的堆叠顺序。您可能需要查看父元素上的css，以便对这两个元素进行故障排除。这是一篇很好的（但篇幅较长）文章：@Joseph正在读这篇文章。。。。这是什么魔法。谢谢哈威尔：/我可以建议的另一件事是使用chrome调试器或其他东西检查这两个元素。如果您使用的是库/框架，则某些内容可能会被覆盖