Div不自動計算高度

我有一個包含2個元素的div。第一個元素是span和第二元素是 input，如：Div不自動計算高度

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

widthcontainer的DIV設置爲300px，我是期待它會自動根據其子女的身高計算出其height。在這裏它計算它的高度，但它不包括元素高度input。

這是怎麼回事？

編輯

我的容器position : absolute和由於某些原因，我不能設置overflow : hidden

2012-06-20 gaurav

是'

沒有在這裏只有 – gaurav

你能提供一個測試用例嗎？你是否跨越了跨度和輸入？如果是這樣，請嘗試在CSS文件中添加#container {overflow：hidden;}。 –

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

2012-06-20 06:11:04 Dipak

使用height:inherit;的子元素。

2012-06-20 06:05:19 Aditya

-1

請嘗試以下 -

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

編輯：添加Position:absoulte

2012-06-20 06:06:53

'height'默認爲_is_'auto' – steveax

@dipaks - which答案的一部分，你沒有得到?? .. @賈裏德 - 大聲笑.. –

問題是你沒有描述的問題，然後再解決它：http://jsfiddle.net/userdude/UyJgV/2/ –

回答