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的高度视为固定高度。