Question

我想要做的基本上是this
但是要使这个解决方案起作用，我需要指定div的高度，但是div需要填充所有剩余的高度，所以我发现this
问题是：每个答案分开工作，但两者似乎都不起作用这就是我所拥有的：

<body>
    <div id="master-page">
        <div id="some-unknown-size-content"></div>
        <div id="separator"></div>
        <div id="sub-master-page">
            <div id="more-unknown-size-content"></div>
            <div id="another-separator">
            <div id="scrollable-content-taking-remaining-space">
                <!-- content -->
            </div>
        </div>
    </div>
</body>

主页面有一个asp：占位符，由div子主页面替换子母版页面有另一个asp：占位符，由div scrollable-content

替换

Answer 1

我不知道我是否理解你的问题。

您可以使用以下jquery代码来计算和分配剩余空间

var remaining_space = $('#master-page').height() - $('#some-unknown-size-content').height()-$('#more-unknown-size-content').height()-$('#separator').height();
$('#scrollable-content-taking-remaining-space').css('height',remaining_space+'px');

您可以转到以下链接查看其中的操作：

https://jsfiddle.net/fq7bgo4w/

仅在特定div内滚动并使该div填充剩余空间

1 个答案: