Div 不会自动计算高度

Div is not calculating height automatically

本文关键字：计算 高度 Div      更新时间：2023-09-26

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

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

containerdiv 的width设置为 300px，我期待它会根据孩子的身高自动计算其height。在这里，它计算其高度，但不包括input元素高度。

这是怎么回事？

编辑

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

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

在

子元素中使用height:inherit;。

尝试以下操作 - 

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

工作演示

编辑：添加了Position:absoulte

更新的演示

相关文章：