Div不会自动计算高度

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

 
 FirstName 
   

container div的width设置为300px ，我希望它会根据孩子的身高自动计算它的高度。 这里计算它的高度，但不包括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; }​ 

工作演示

编辑：添加Position:absoulte

更新了DEMO