HTML 5为什么overflow-y：scroll不起作用？

Question

我有以下javascript，每秒都会向DOM元素添加一个文本，如下所示：

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

对于每一秒，此函数读取（a）会将text附加到视图中的<div id=result>：

<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>

我已将<div id="result">的样式设置为overflow-y:scroll，这样每当函数read(a)附加文本时，如果<div id="result">溢出，它将会有一个滚动条。但是，它不起作用，它会在没有<div>属性的情况下将文本添加到autoscroll。我该怎么办？

Answer 1

设置div的高度。那就行了。