我不能得到这个React CSS布局的位置:固定;底部:0;正确

Question

我为此创建了一个沙盒。问题是，我想让图像下的文本在一行中，我已经试图改变这一点：

.timeline-carousel__item-inner {
position: relative;
padding-top: 45px;
}

到此：

.timeline-carousel__item-inner {
position: fixed;
bottom: 0;
}

它的作品使所有文本处于相同的位置，但随后图像和所有内容都被推高了。请给我建议？

Answer 1

我建议您使用类

.timeline-carousel__image {
padding-right: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 164px;
}

这样，你就有了一个弹性，可以将文本从图像中推开，最小高度可以确保所有容器至少都是这个尺寸，但如果你有长图像，你可能会遇到问题，最好至少有一个图像的最大高度或最大高宽比，改变最小高度，以满足你的需求，希望这能解决你的问题。祝好运