如何修复离子底部的按钮位置答案

【问题标题】：How to fix button location at the bottom in ionic如何修复离子底部的按钮位置
【发布时间】：2018-07-21 14:19:32
【问题描述】：

我希望按钮设置在底部，而不是中心，但 CSS 代码并不是真正有效的。

<ion-content class="cards-bg social-cards">
  <ion-card>
    <ion-item>
      <textarea #myInput id="myInput" rows="1" maxLength="500" (keyup)="resize()" [(ngModel)]="myStuff" placeholder="post comment"></textarea>
      <button id="mybtn" ion-button outline item-end icon-left>
        <ion-icon name="send"></ion-icon>
      </button>
    </ion-item>
  </ion-card>

CSS

.mybtn  {
  margin-bottom: 0px;
  margin-top: auto;
  margin-left: auto;
  margin-left: 0px;
}

【问题讨论】：

无论页面滚动如何，您是否希望按钮始终位于底部
@MaheshJadhav，感谢您的评论，这是用于发布 cmets 文本区域的，我认为按钮应该像信使一样接近结束行。
好吧，基本上你需要一些东西，比如信使有一个 textarea 并在它旁边发送按钮提交，就像我们现在使用 stackoverflow cmets 部分评论的一样，对吧？
你为什么不尝试使用 ion-footer 部分中的按钮，这样无论设备或屏幕尺寸如何，它都会始终位于屏幕底部。如果你想要我已经实现了该代码可以在答案部分分享。
评论框不在页脚中，它是相对的并放置在放置用户 cmets 的评论框下方的帖子下方

标签： css user-interface ionic-framework ionic2

【解决方案1】：

不确定您要的是什么，但听说过 fab 按钮吗？ https://ionicframework.com/docs/api/components/fab/FabButton/

【讨论】：