如何解决放弃使用CSS,无法在div的漫游器上放置一个简单的按钮
我有两个div,我希望一个按钮位于div的底部。我尝试了所有在网上看到的内容。什么都行不通!
html:
<ion-col >
<div id="secondCol">
<ion-text> {{card.cardPoints}} = {{card.cardValue}} € </ion-text>
<!-- <ion-text>{{userPercentageCards[i]}} %</ion-text>-->
<div id="useButton">
<ion-button *ngIf="userPercentageCards[i] >=100" style="bottom: 0"> Usar Cartão!</ion-button>
</div>
</div>
</ion-col>
css:
#secondCol{
position: absolute;
width: 100%;
height: 100%;
}
#useButton{
position: relative;
bottom: 0;
}
我希望按钮位于div的底部,但它不会停留在同一位置,而无需更改。
我几乎要放弃CSS,我讨厌这个!
解决方法
尝试一下:;)
#secondCol{
position: relative;
width: 100%;
height: 100%;
}
#useButton{
position: absolute;
bottom: 0;
}
,
将父元素设为相对,子元素设为绝对:
#secondCol {
position: relative;
width: 100%;
height: 100%;
}
#useButton {
position: absolute;
bottom: 0;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。