要让所有按钮都留在div的底部,可以使用CSS的flexbox布局或者grid布局来实现。
使用flexbox布局:
示例代码:
.parent {
display: flex;
flex-direction: column;
height: 100%;
}
.button {
margin-top: auto;
}
使用grid布局:
示例代码:
.parent {
display: grid;
grid-template-rows: auto 1fr;
}
.button {
grid-row: 2;
}
以上是两种常用的方法,可以根据具体情况选择适合的布局方式。
领取专属 10元无门槛券
手把手带您无忧上云