html - 将高度设置为自动

Question

我有一个名为“post-wrap”的 div。我将此 div 的高度设置为自动。但是，由于某种原因，添加内容时我无法让它增长。我究竟做错了什么？跟花车有关系吗？

http://jsfiddle.net/h8gSV/

Answer 1

您的父元素post-top的高度固定为 50px。

Answer 2

您已将高度设置为#post-top，它包含所有其他元素。因此，您的身高始终为50px. 是的，您需要清除浮动：

#post-top {
    width: 580px;
    overflow: hidden;
}

Answer 3

您需要将 clearfix 类添加到#post-wrap并删除height:50pxfrom #post-user。

小提琴：http: //jsfiddle.net/kboucher/rH4h5/