创建一个新类，比如.app-footer，它的CSS属性与ion-footer相同，然后将HTML放在ion-content中，如下所示：

HTML格式

<ion-content>
  <page code>
  <div class="app-footer">...</div>
</ion-content>

**S CSS **

.app-footer {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

最后，我让它工作， Package 按钮在div标签与填充解决了我的问题：

<ion-footer>
  <div padding>
  <button
    ion-button block round color="primary"
    [disabled]="items.length === 0" (click)="onContinueClick()">
    Continue
  </button>
  </div>
</ion-footer>

在ion 6版本中，我遇到了同样的问题，对于那些面临同样问题的人来说，对我有效的解决方案是将ion-footer的内容封装到一个ion-content代码示例中：

<ion-footer>
    <ion-content>
        Your footer content
    </ion-content>
</ion-footer>

在我的情况下，我还必须设置一个高度离子英尺，例如：

ion-footer{
    height: 6rem;
}