Ionic framework Ionic 4：如何从Ionic标题或工具栏溢出div？

我想在ionic工具栏中创建一个下拉菜单或弹出框。我试过几种方法，但都解决不了。它总是像咆哮一样隐藏着

.popover{
   border: 1px solid black;
   height: 350px;
   width: 150px;
   position: absolute;
   z-index: 99999999;
   background: yellow;
}

ion-header{
  contain: none;
}
ion-toolbar{
  contain: none;
}

我喜欢贝娄

.popover{
   border: 1px solid black;
   height: 350px;
   width: 150px;
   position: absolute;
   z-index: 99999999;
   background: yellow;
}

ion-header{
  contain: none;
}
ion-toolbar{
  contain: none;
}

---

请给我一个建议或另一个想法。如果您不熟悉爱奥尼亚，请不要给出任何预测性答案

只需使用离子菜单，它是一个内置的离子组件

还有离子爆米花

---

在stack上发布之前，您应该先查看ionic文档

我不知道ionic 4，但在ionic 5上，当您在控制台上调试时，解决方案是：

ion-toolbar {
    contain: none;

    .toolbar-container {
        overflow: visible;
        contain: none;
    }
}

但是，

.toolbar container

是

组件的阴影dom中的一个元素，它的

溢出

和

包含

属性不是css变量，此元素上也没有css变量。所以实际上没有办法覆盖这些属性

我正在考虑使用这个软件包，但对我来说，使用js和timeout来设置一个非常简单的样式似乎有些过分了…：

---

当我不得不在标题下使搜索栏溢出时，我遇到了类似的问题（设计问题）。我挣扎了一会儿，当我将搜索栏放在工具栏外并给它绝对位置时，它突然弹出：

我的css如下所示：

离子工具栏{ display:flex；//我需要这个来做其他事情，但可能会有影响 } 离子搜索栏{ 填充：0.1em.5em-1em； 转化：translateY（-50%）； z指数：99999； 位置：绝对位置； }

---

希望它能帮助别人。

离子菜单不是来自校长的弹出式菜单。你说，弹出式菜单或菜单，并征求建议，真是令人失望。你解决了这个问题吗？我也面临同样的问题。是的，我有。。我用离子网格创建了自定义标题。