我试图把我的离子片放在底部，但没有显示。谁能解释我为什么？
主页是：
<ion-content padding>
<div id="HomePage">
<ion-item id="profilePictureBox">
<img src="{{user?.profilePicture}}" id="profilePicture">
<h2 id="username">{{user?.name}}</h2>
</ion-item>
<notifications></notifications>
<upcoming-events></upcoming-events>
</div>
</ion-content>
<nav-footer></nav-footer>
我的离子标签位于组件导航页脚中：
<ion-tabs tabsPlacement="bottom" [selectedIndex]="0">
<ion-tab tabIcon="home-outline" tabTitle="Home" [root]="HomePage">
</ion-tab>
<ion-tab tabIcon="search" tabTitle="test" [root]="SearchEventsPage">
</ion-tab>
<ion-tab>
</ion-tab>
</ion-tabs>
这是默认的CSS，我什么都没改变
