将高度设置为自动

Question

我有一个名为'post-wrap'的div。我将此div的高度设置为auto。但是，出于某种原因，在添加内容时我无法增长。我究竟做错了什么？它与浮子有关吗？

http://jsfiddle.net/h8gSV/

Answer 1

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

Answer 2

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

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

Answer 3

您需要向#post-wrap添加clearfix类，并从height:50px中删除#post-user。

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