Ionic framework 离子头与离子含量重叠|离子3

到目前为止，我有一个非常简单的应用程序，但我不知道如何修复内容重叠（标题位于内容顶部）。我创建了一个组件

标题

，其中包含名称所示的标题

header.html

<ion-header>
    <ion-navbar color="dark">
        <ion-title>
            Some Title
        </ion-title>
    </ion-navbar>
</ion-header>

<app-header></app-header>

<ion-content padding>
    <h1>Some Page</h1>
</ion-content>

请尝试以下方法：

<app-header></app-header>
<ion-content style="margin-top:__px">
<h1>Some Page</h1>
</ion-content>

某页

正如爱奥尼亚团队的@brandyshea在爱奥尼亚官方论坛的一篇文章中指出的，问题是在一个页面中，你只能有3种标签作为顶级标签，其他所有标签都必须放在其中一种标签内。这3个标签是：

<ion-header></ion-header>
<ion-content></ion-content>
<ion-footer></ion-footer>

我试图将我的应用程序组织为@Hafiz，但遇到了同样的问题，解决方案是将我的自定义标题（

）放在每页的

中

<ion-header>
<ew-navigazione-top [ew_title]="navParams.get('label')" [ew_subtitle]="The subtitle"></ew-navigazione-top>
</ion-header>

---

另外，这是离子3的溶液对于以前的版本在同一链接线程上，您可以找到其他特定的解决方案。

可能的重复版本在ionic 3上不适用，标题仍然与ionic内容重叠。编辑：我在组件内部也使用了离子头标签，现在它被移除了，工作正常。谢谢

<ion-header>
<ew-navigazione-top [ew_title]="navParams.get('label')" [ew_subtitle]="The subtitle"></ew-navigazione-top>
</ion-header>