通过动态内容使段落粘到底部

Question

所以我在网站上有一些看起来像这样的块：

彼此相邻有三个街区。现在问题在于标题可以是一行长度，如图像中的长度，也可以是4行长度。根据标题的长度，我成功地改变了内容，以便内容保持在块内并且不会溢出。

但是，无论内容和标题有多长，所有三个块中的按钮都需要处于相同的高度。我认为我可以让它们粘在块的底部，所以我已经给了父母一个position: relative而孩子一个position: absolute，但是他们只是不想坚持到底部，他们仍然出现在不同的高度。我也被display: flex和position: fixed骗了，但我无法做到这一点。

当然，我可以使用jQuery管理块的位置，具体取决于标题的高度或类似内容，但由于性能的原因，我真的希望尽可能少地使用Javascript。

每个块的HTML是：

<div class="post-content">
    <div class="post-header">
        <span class="cat"><a href="some-url" title="some-title">Here goes the category</a></span>
        <h2><a href="some-url">Here goes the title</a></h2>
        <span class="date">1 january 1970</span>
    </div>

    <div class="post-entry">
        <p>This is the content of the post</p>
        <p><a href="some-url" class="more-link"><span class="more-button">Read more link</span></a></p>
    </div>
</div>

我也可以发布CSS，但这不仅仅包含一些背景属性，文本填充等等。

所以我需要的是无论标题或内容有多长，按钮总是需要粘在底部。

提前致谢！

Answer 1

问题（在评论中讨论后）是position: relative;设置在post-entry上，而不是外部容器post-content。只要正确设置了其他规则，更改它就可以解决问题。