html - 在 div 的右下角对齐一个 ionic 按钮

Question

我想在 div 的右下角放置一个 ionic 按钮。但它没有像我预期的那样工作。这是屏幕截图:

我的 html:

ionic 空白启动器

  <ion-slide-box>
    <ion-slide ng-repeat="image in images">
      <div class="slider-container">
        <img ng-src="{{image.src}}" style="width:100%;height:auto;margin:0;display:block" >
        <button class="bottom-right button button-positive icon-left ion-home">Home</button>
      </div>
    </ion-slide>
  </ion-slide-box>

CSS:

  .slider-container {
    margin: 0;
    padding:0;
    position:relative;
  }

  .bottom-right {
    position:absolute;
    bottom: 0;
    right: 0;
  }

有人可以帮忙吗？谢谢。

Answer 1

为什么不这样做呢？

  <ion-slide-box>
    <ion-slide ng-repeat="image in images">
      <div class="slider-container">
        <img ng-src="{{image.src}}" style="width:100%;height:auto;margin:0;display:block" >
      </div>
    </ion-slide>
  </ion-slide-box>
  <div class="slider-container">
    <button class="bottom-right button button-positive icon-left ion-home">Home</button>
  </div>

...将按钮(和容器 <div>)移出 slider 。