Html 自动对话框高度

我对YUI对话框（又名覆盖）进行了子类化，使其包含标题、可选工具栏、正文和可选页脚。用户也可以重新调整对话框的大小

这说明了这一点，但其实质如下：

<div class="outer">
  <div class="hd"></div>
  <div class="tb"></div>
  <div class="bd"></div>
  <div class="ft"></div>
</div>

我追求的规则是：

• 外部最小高度与hd高度相同
• 高清高度是固定的
• tb、bd和ft具有可变高度
• tb和ft应包装
• tb和ft应尽可能完全可见，费用由bd承担
• 如果没有足够的空间完全显示tb和ft，请在两者之间均匀分配剩余空间并隐藏bd
• 如果bd大于包含它的div，则应滚动x/y溢出

我是通过编程的方式完成这项工作的，但是IE7和IE8中存在一些问题（所有问题都比这里描述的要复杂一些，填充、边距和边框使问题更加复杂），而且只有在最新版本的Chrome、FF和IE中才能够清晰地工作

但不知何故，我觉得我遗漏了一些东西：浏览器有强大的布局引擎，所以我可能对CSS和HTML了解不够，无法编写代码，这样布局引擎就可以完成它的工作

这可以使用CSS/HTML向导来完成吗