CSS Position Divs是否以相同的增量增大，无论大小如何？

我正在制作垂直（向下滚动）RSS提要，其中图像的高度不同。现在，我的div框适合内容，但是太大的框与下面的框重叠。我想对每个盒子之间的空间进行固定测量。例如，一个框的高度可能为500像素，另一个框的高度可能为200，而其下方的框的高度可能为150。我希望框之间的空间相同。

#feedbox {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 0 30px rgb(5, 58, 130);
        text-align: center;
        position: relative;
        left: 50%;
        top: 300px;
        transform: translate(-50%, -50%);
        width: 450px;
        height: 100%;
    }

我还使用jinja动态创建图像，如果这会影响任何内容：

{% for row in feed %}
            <div id='feedbox'>
                <h1>{{ row.title }}</h1>
                <p>{{ row.description }}</p>
                <a href={{ row.link }}>Read more</a>
                <p>{{ row.displayDate }}</p>
                <img style='width: 100%; max-width: 400px; max-height: 400px;' src={{ row.image }} alt='Image'>
            </div>
{% endfor %}