Div不会自动计算高度

Question

我有一个包含2个元素的div。第一个元素是span，第二个元素是 input，如：

<div id="container">
   <span>FirstName</span>
   <br />
   <input type="text" />
</div>

width div的container设置为300px，我希望它会根据孩子的身高自动计算height。这里计算它的高度，但它不包括input元素高度。

这里发生了什么？

修改

我的容器position : absolute由于某种原因我无法设置overflow : hidden

Answer 1

这是使用jQuery的工作演示 - http://jsfiddle.net/dccF2/3/

Answer 2

在子元素中使用height:inherit;。

Answer 3

尝试以下方法 -

#container{
width:300px;
height:auto;
overflow:hidden;
}​

工作DEMO

编辑：添加Position:absoulte

更新了DEMO