html - ionic : position button from bottom

Question

在 ionic 中，我如何将按钮设置为距离底部 ion-content 的某个百分比？

我试过了

<ion-view>
   <ion-content>
       <div class="button-bottom">
         <button class="button button-block button-energized">Button</button>
       </div>
   </ion-content>
</ion-view>

CSS:

.button-bottom{
position: absolute;
bottom: 30%;
}

但按钮现在不占整个宽度。

Answer 1

尝试给你的容器一个明确的宽度:

.button-bottom{
position: absolute;
bottom: 30%;
width: 100%;
}