jquery - 内部divのdivの高さ

Question

私は次のようdivに別の内部を追加していdivます：

$('#maindivid').append('<div id="newid" style="background: url(xyz/image/test.png); position:absolute; min-height:100%; width:100%; height:100%; top:0px; left:0px; overflow:auto;"></div>');

しかし、私の新しいdivものは、コンテナの全高を取得しませんdiv。これはどのように達成できますか？

Answer 1

親部門:

<div id="maindivid" scrollleft="0" scrolltop="0" style="border:1px solid black; width: auto; height: 561.4px;" class="class-new " >
       Parent Border
</div>​

子を追加するスクリプト:

 $('#maindivid').append('<div id="childid" style="border: 1px solid red; position:absolute; width:100%; height:inherit; ">Child</div>'); ​

これは jsfiddle.net で動作します: http://jsfiddle.net/qY47q/

注: 高さが親に継承されることを既に指定しているため、子の height:100% を削除しました。また、divの実際の高さがわかるようにボーダーを追加しました

Answer 2

新しい div の属性を に設定しますheight:inherit。

Answer 3

親 div の高さを設定してから、子の高さを 100% に設定してみてください。