离子含量一节重叠

Question

我有两个离子含量部分，这两个部分相互重叠。在这里，我列出了我的代码..

第1部分

<ion-content>   
 <p>Hi this is App</p>
</ion-content>

第2部分

<ion-content>   
 <p>Hi this is Ionic</p>
</ion-content>

这两个部分相互重叠。我不知道可能是什么原因。有人可以让我知道解决方案如何避免这种重叠

Answer 1

根据official docs-

  

单个视图组件中只能包含一个内容。

因此，您应该像这样将内容包装到单个ion-content标签中-

<ion-content>   
 <p>Hi this is App</p>
 <p>Hi this is Ionic</p>
</ion-content>

Working example