javascript - Div は高さを自動的に計算していません

Question

2 つの要素を含む div があります。次のように、最初の要素は aspanで、2 番目の要素はです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