jquery div等于窗口高度与内容一起延伸

Question

我正在尝试将我的内容div height设置为等于window.height - (footer.height + header.height)。我还制作了内容overflow-y to scroll。 除非div内的内容超过div的高度限制而不是滚动模式，否则这个效果非常好，有人可以告诉我在这里缺少什么吗？提前谢谢！

$("#p_body").height($(window).height() - ($("#p_header").height() + $("#p_footer").height()) );
$("#content_body").height($("#p_body").height() - ($("#content_header").height() + 10) );

页面结构：

<div id="p_header"></div>
<div id="p_body">
<div id="content_header"></div>
<div id="content_body" style="overflow-y:scroll;"></div>
</div>
<div id="p_footer"></div>

Answer 1

我明白了，问题是我必须将任何固定高度值设置为我的内容div，如下所示：

<div id="p_header"></div>
<div id="p_body">
<div id="content_header"></div>
<div id="content_body" style="overflow-y:scroll; **height:10px;**"></div>
</div>
<div id="p_footer"></div> 

否则代码工作正常，直到div内的内容执行window.height（），所以它没有看到内容divs高度为固定高度。