HTML布局设计 - 需要更好的方法

Question

我必须为我的项目设计一个布局。有div的安排，上部Div，下部Div，固定高度，滚动等。很难用文字描述问题，因此我附上了一张图片。请参阅截图。

我想要实现的是根据浏览器窗口的整体高度排列面板。粉红色模块绝对位于父Div的底部。 Upper Div是粉红色Div的珍贵兄弟，它包含面板。当浏览器调整大小时，滚动条不应出现在UpperDiv中。相反，面板应显示滚动（在第二个显示）。 它可以使用HTML和CSS完成，而不是使用javascript或jquery我是hesistant。我很欣赏你这样做的任何方法。非常感谢。

抱歉，我无法正确制作HTML。目前我的html显示在upperDiv中滚动（而不是滚动应该出现在面板中）。在这里，我创造了一个小提琴。请检查。 here

Answer 1

对CSS进行了一些更改，希望这有点像你要找的。

http://jsfiddle.net/vCVUL/embedded/result/

问候。

Answer 2

你可以使用ExtJS。请查看demo页面。在那里你会发现“布局管理员”将如何为你完成工作。

Answer 3

在页面加载后，设置动态部分的高度时，我想不出更好的方法 为了处理resize，我们可以使用JQuery绑定相同的函数。

http://jsfiddle.net/N3HWz/7/