如何在离子2应用程序中将按钮设置到屏幕底部

Question

尝试在离子2应用程序中将按钮固定到屏幕底部，但我不知道为什么按钮后占用空格。我已经尝试了很多方法甚至更改关于按钮的main.css，但无法修复它。请帮忙，我想把它贴在底部，没有空格。

我正在使用的代码：

＆＃13;

＆＃13;

</ion-content>
<ion-footer no-padding style="margin:0rem 0rem!Important;">
  <button ion-button block color="Dark" (click)="pushPage()">Explore</button>
  </ion-footer>

＆＃13;

＆＃13;

＆＃13;

<ion-footer>保留在<ion-content>之外，以便在滚动时固定按钮。即使在删除＆＃39;边距＆＃39;并且＆＃39; no-padding＆＃39;没有效果。

Answer 1

在app.scss（或相对.scss）中添加以下代码：

.footer{
    button{
        margin-bottom: 0px;
    }
}

Answer 2

另一种方法是使用Ionic CSS utilities并且完全不触摸app.scss。

<ion-footer class="ion-no-padding ion-no-margin">
  <ion-button class="ion-no-margin" block color="Dark" (click)="pushPage()">Explore</ion-button>
</ion-footer>