Advanced Post组件中Read More按钮底部对齐问题求助

问题出在你没给按钮的父容器设置相对定位——absolute定位的元素需要依托一个设置了position: relative的父元素作为参照，不然会默认相对于页面定位，自然没法对齐到列底部。试试下面的CSS方案：

/* 给单个帖子的列容器添加相对定位与最小高度，确保列高度一致 */
.pp-post-item {
    position: relative;
    min-height: 100%;
    padding-bottom: 60px; /* 给按钮预留底部空间，避免遮挡内容 */
}

/* 调整Read More按钮的绝对定位 */
.pp-posts-button {
    position: absolute;
    bottom: 20px; /* 可根据需求调整距离底部的间距 */
    /* 可选：让按钮水平居中 */
    left: 50%;
    transform: translateX(-50%);
}

关键说明： #

• 先确认包裹单个帖子的容器类名（如果.pp-post-item不对，按F12打开开发者工具查看元素，替换成实际的类名，比如.pp-post或.post-column），给它加position: relative，这样按钮的absolute定位才会以这个容器为参照。
• min-height: 100%能让所有帖子列的高度保持一致，确保按钮都在同一水平线上。
• 容器的padding-bottom是为了避免按钮覆盖帖子底部的内容，可根据按钮高度调整数值。

内容的提问来源于stack exchange，提问作者Sam Ricc