HTML 5なぜoverflow-y：スクロールが機能しないのですか？

Question

I持って次のようにDOM要素に毎秒テキストを追加し、次のjavascript：毎秒

function read(a) { 
// htmlEntities(a) returns a text 
var attendedStud = htmlEntities(a); 
var html = ""; 
html += "<b>" + htmlEntities(a) + "</b><br>"; 
$('#result').append(html); 
} 

、読んでこの機能（a）のビューで<div id=result>にtextを追加します：

<div> 
    <button href="#" onclick="load()" @*type="button"*@ class="btn btn-default"> 
    <div id="result" style="overflow-y:scroll"></div> 
    <br /><br /> 
    <video id="video" width="800" height="600"></video> 
    <br /> 
</div> 

機能read(a)は、テキストを追加するたびに<div id="result">オーバーフローあれば、それはスクロールバーを持っていますように、私は<div id="result">overflow-y:scrollのためにスタイルを設定しています。ただし、それは動作しませんとautoscrollプロパティなしで<div>にテキストを追加し続けます。私はどうすればいいのですか？

Answer 1

divに高さを設定します。それは動作します。