Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将一个div的顶部与另一个div的底部合并,两个div都具有高度:auto;在css中_Css - Fatal编程技术网

将一个div的顶部与另一个div的底部合并,两个div都具有高度:auto;在css中

将一个div的顶部与另一个div的底部合并,两个div都具有高度:auto;在css中,css,Css,我想相对于post容器定位一个comments容器。但是帖子文本的大小可以不同,所以我将其设置为自动高度。注释容器也是如此,因为它可以包含任意数量的注释。但是如果我将注释容器定位为 #wallwrap .comment_container_out { position:absolute; width:150px; bottom:-15px; left:80px; } 它将评论容器的底部简化为帖子容器的底部,因此当评论数量增加

我想相对于post容器定位一个comments容器。但是帖子文本的大小可以不同,所以我将其设置为自动高度。注释容器也是如此,因为它可以包含任意数量的注释。但是如果我将注释容器定位为

#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;
    }

问题的关键在于您使用的是position:absolute,它将从正常的HTML“流”中删除元素。然后将其设置为“底部:0”时,它将始终固定在容器底部,但垂直向上增长


你为什么要绝对定位它?立场:绝对应该永远是最后的手段。如果您只是想将帖子区域与评论区分开,我只想在帖子区域添加一个底部空白。

因为我想相对于帖子容器定位评论容器。同样,使用保证金底部选项也会出现同样的问题。注释容器将垂直增长。我不能使用页边空白选项,因为我不知道文章的大小。。我猜我真的很困惑——你希望评论区域以什么方式相对于帖子出现?在它上面?在它下面?左边?根据你的CSS,看起来你希望评论出现在帖子下面。如果你对你想要实现的目标有一个直观的了解,那会很有帮助。帖子和评论的正常模式是评论表单出现在帖子下方。如果post位于标记中的注释之前,并且应用了正常的HTML流,则会出现这种情况。