如何在容器外部显示此下拉列表

Question

如果你看一下这个链接，你会在左上角看到一个小动作链接，我已经添加了一个Jquery构建的下拉列表，但它被包装元素剪切了。反正是否有这个下拉列表显示在该部分之外而没有显着改变html结构？我试过改变z-index等但无济于事。

http://sugarcrmdev.co.uk/AdminLTE-master/

Answer 1

overflow: auto会导致问题。您必须滚动才能看到子菜单。这会解决你的问题：

.content-header {
 overflow: visible;
 min-height: 45px;
}

您仍然具有条形的原始高度，但子菜单将可见。

要在移动视图中修复生成的布局问题，您可以添加

.headerList:after {
  content: "";
  display: table;
  clear: both;
}

无需媒体查询。也可以用于桌面视图。