javascript - 如何正确地将 html 附加到 div 中，因此如果 div 高度变得太大，我可以滚动其内容

Question

我需要附加从 div 中的 url 检索到的 html 内容。

这是我的html代码：

<div id="top-container">
    <div id="views-container">
        <div id="html-container">

        </div>
        <div id="original-page-container">

        </div>
        <div id="result-page-container">

        </div>
    </div>

</div>

获取和粘贴页面内容的脚本是：

$.get("http://alf.wikia.com/wiki/ALF_Goes_Wild", function(data) {
    $("#original-page-container").append($(data).find(".WikiaMainContentContainer").html());
});

这可以成功获取并粘贴数据到 div 中，问题是新的 html 超出了原始页面容器div 的尺寸，我需要所有检索到的内容都适合 div 的尺寸，如果高度更大，我应该可以滚动 div。

我希望我能清楚地解释自己。

这是 jfiddle（脚本在我的浏览器中运行，禁用了 Internet 安全）： http: //fiddle.jshell.net/dc5pQ/

提前致谢！

Answer 1

只适用overflow:auto;于那个div。

这样：只有当数据大于可用空间时才会出现滚动。

请注意，只有当一个 div 有一些heightor时，他才能滚动max-height，否则他只会变长以适应他的内容。