javascript - Div 不会自动计算高度

Question

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

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

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

这里发生了什么？

编辑

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

score 2 · Accepted Answer

2

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

于 2012-06-20T06:11:04.557 回答

score 0 · Accepted Answer

0

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

于 2012-06-20T06:05:19.177 回答

score -1 · Accepted Answer

尝试以下 -

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

编辑：添加Position:absoulte

3 回答 3