如何隐藏轮播图像大小调整过程中创建的黑色空间？

Question

在my website中，我在导航栏后放置了一张图片。我期望的是图像根据屏幕的大小重新调整大小。实际上它确实会重新调整大小，但是当它重新调整大小时，它会在图像上方留下一个空白区域。

当scrren分辨率高于1170px时，图像完全适合。但是，当我将其重新调整为较低分辨率时，往往会引入空白区域。

我尝试了很多元素样式，例如margin-top：auto，margin-bottom：auto等。但我无法动态隐藏该空间。我是网站开发的新手。请帮我解决这个问题。

Answer 1

改变风格：

.carousel_gallery_item_inner { vertical-align:bottom;}

为：

.carousel_gallery_item_inner { vertical:align:top;}