ionic 4：将内容推向 ion-content 的底部答案

【问题标题】：ionic 4: pushing contents towards the bottom of ion-contentionic 4：将内容推向 ion-content 的底部
【发布时间】：2019-04-23 14:17:11
【问题描述】：

我有我的代码

<ion-header>
  <ion-toolbar>
    <ion-title><ion-row><ion-col text-center>MY APP</ion-col></ion-row></ion-title>
  </ion-toolbar>
</ion-header>

<ion-content fullscreen>
<div style="padding-top:300px;padding-left:20px">
      <ion-slides pager="false" [options]="slideOpts">
          <ion-slide>
              <ion-card>
                  <ion-card-header style="color:white">TRENDING</ion-card-header>
                  <ion-card-content>

                  </ion-card-content>
                </ion-card>
          </ion-slide>
          <ion-slide>
              <ion-card style="background-color:darkslateblue;opacity: 0.9;min-width:200px;height:200px">
                  <ion-card-header style="color:white">Events</ion-card-header>
                  <ion-card-content>

                  </ion-card-content>
                </ion-card>
          </ion-slide>
        </ion-slides>

  </div>
</ion-content>

如果你看到 ion-content 里面的 div 有一个 padding-top 300px。但这并不是让我的离子滑梯始终处于底部的正确方法。我如何做到这一点？

【问题讨论】：

你到底想要什么？

标签： ionic-framework ionic4

【解决方案1】：

要更改任何 Dom 的位置，有几种方法，我将编写其中两种方法：

1- 使用弹性。 (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

2- 通过使用位置并将底部设置为 0； (https://www.w3schools.com/css/css_positioning.asp)

【讨论】：