当标题是动态时，中间div内容不会溢出

Question

我有3个垂直对齐的div（标题，内容，页脚）

<div id="container">
   <div id="header"> </div>
   <div id="content"> </div>
   <div id="footer"> </div>
</div>

像这样：

就像在这个例子中一样：http://jsfiddle.net/jS6pa/2/

（例如：http://peterned.home.xs4all.nl/examples/csslayout1.html）

正如您在jsfiddle示例中所看到的，我无法完成所有要求。当我调整窗口大小时，页脚div不会折叠内容。如果我做了一些tweeks我可以实现这个但是然后溢出：滚动doestn工作并且滚动条没有显示

以下是我尝试解决此问题的另一种方法（没有成功：S）：http://jsfiddle.net/rv4XS/31/

我不知道这种或那种方式是解决这个问题的最佳方法。只需检查第一个或第二个jsfiddle，看看哪个是最好的

如何在标题包含动态内容的情况下实现全高内容，同时在内容溢出时显示滚动条？

提前感谢您的帮助。

Answer 1

好的，我终于使用javascript实现了这一目标。

这个想法很简单。无论如何，都必须设置标题的高度。

为此，我不知道为什么（也许是因为这个div在ajax中被调用）但是jquery .height（）方法对我没有用，但是使用clientHeight方法对我很有帮助。

var header = document.getElementById('headerDiv');

if(header)
{
    $('contentDiv').css('top', header.clientHeight);
}