链接的高度不适合网格显示

Question

我试着在一个显示div的网格中匹配一个RSS流量，但不知何故，它们不能完美地匹配。

My Website

下面是我的CSS代码

#rss-5 ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
grid-gap: 10px 10px;
border-left: 1px solid rgba(255,255,255,.2);
}

#rss-5 ul li {
padding: 0;
border-bottom: none;
}

#rss-5 ul li a.rsswidget {
display:inline-block;
width:90%;
height:90%;
color: #454545;
transition: 0.5s;
padding: 5% 5% 5% 5%;
border-radius: 4px;
border: 3px solid #4ED4B5;
font-family: 'Josefin sans';
font-size: 18px;
}

提前说一句，谢谢你的帮助。

Answer 1

如果我没记错的话，你想把黑盒放在图像上？你需要在包装上放置一个绝对的位置，这基本上是说不要注意页面上的其他元素，并尽量避免它们。然后，您需要在其父元素上放置一个相对位置，即幻灯片，该幻灯片表示绝对定位的元素仅相对于其父元素。

.slides{
    position: relative;
}
.caption-wrap {
    position: absolute;
}

screenshot for you