我正在开发一个Web应用程序,该应用程序可视化地包含一个包含四列可变高度内容的主体上方的标题.设计之神已将它定为固定高度,主要是因为每个列可能会变得非常长,因此(作为设计师)他们想要具有独立滚动条的iframe.
四个(潜在的)滚动条已经足够糟糕了,但如果整个页面高度固定在浏览器窗口之上,那么它最终会有五个！像这样的情况下的“正常”解决方案当然是将整个页面高度固定在700像素以上,以使其具有垂直拟合的“最佳机会”,但我不想因为各种原因这样做希望是显而易见的.
所以我的问题是：什么是最好的方法来让一个填充可用(垂直空间)的主体容器与每个列做同样的事情？它是否实用/可能？额外的问题：我可以可靠地使用CSS溢出属性的列,还是我需要讨厌的iframe？我有很多CSS经验,但几乎没有使用百分比尺寸(特别是与像素尺寸结合,因为我需要标题).此外,这必须符合标准并向后兼容IE6.
TIA.
编辑：我不是在寻找一个CSS布局解决方案本身,我的问题是如何适应每个列的需要在主体容器和可滚动的可能的最大高度,而不固定身体的高度像素 – 除非我绝对需要.
解决方法
我很确定这完全符合你的需要：
Liquid 4 column layout with fixed height banner and footer
没有iframe,没有java脚本,每列自动填充可用高度.
