css - 将一个 div 的顶部到另一个 div 的底部都使用 height:auto; 在 CSS 中

Question

我想相对于帖子容器定位评论容器。但是帖子文本可以有不同的大小，所以我把它设为自动高度。与评论容器相同，因为它可以包含任意数量的评论。但如果我将评论容器定位为

#wallwrap .comment_container_out
        {
    position:absolute;
    width:150px;
    bottom:-15px;
    left:80px;
           }

它将评论容器的底部限制为帖子容器的底部，因此当评论数量增加时，评论容器的高度也会增加，但它会向上扩展，而我希望它向下扩展。
邮政容器是

#wallwrap .text_post

    {
    position:relative;
    left:20px;
    font-size:10px; 
    font-family:Helvetica,Arial,  sans-serif;
    color:#000;
    background-color:#fff;
    padding:5px 10px;
    width:220px;
    }

Answer 1

问题的症结在于您使用的是 position:absolute，它将从正常的 HTML“流”中删除元素。然后，当您将其设置为“bottom: 0”时，它将始终将自身固定在容器的底部，但会垂直向上生长。

你为什么要绝对定位它？Position:absolute 应该永远是最后的手段。如果您只是想将帖子区域与评论区分开来，我只需在帖子区域添加一个边距底部。