我不能得到这个CSS布局的位置：固定；底部：0；正确地

我为此创建了一个。 问题是，我希望图像下的文本在一行中，我已尝试更改此设置：

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

为此：

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

它的作品使所有的文字都处于相同的位置，但是图像和所有的东西都被推了起来。

---

请给我一些建议？

我建议你去上课

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

这样你就有了一个flex，它将文本推离图像，最小高度确保所有容器都至少达到该大小，但是如果你有长图像，你可能会遇到问题，最好至少有一个图像的最大高度或最大高宽比，更改最小高度，以满足你的需要，希望这能解决你的问题。

---

祝你好运

只需要一点澄清，你不能让所有的图像都具有相同的大小，如果是这样，你想如何处理文本和图像之间的空间？如果图像比通常的尺寸短，则图像宽度相同，高度可以是任意值。我只希望图片下面的文字和线条是一条直线，而不是按照图片的高度。我希望将图像下方的文本固定在

位置，然后图像行可以固定在顶部，如果您理解的话，这样看起来就更好了。我调整了窗口大小，然后它坏了，我会尝试一些方法。这只适用于浏览器窗口很小的情况，当它全屏显示时，我会显示它的外观