CSS-三个可滚动的等高主要内容列流体高度和粘滞/始终可见的页脚

问题描述

| 我已经看过这里和Google上的几乎所有帖子，而且似乎找不到我的CSS布局问题的答案，该问题涉及“ 3个等高列，并带有''真正'的粘性页脚”，布局要求如下： 顶部标题部分，其中一行用于下拉菜单选项，另一行用于工具栏按钮。 主要内容部分，具有3个等高列。中间的列将具有液体宽度，左侧和右侧的列将具有固定的宽度。所有3列都将具有可变的高度/可变高度，并且如果每个列的内容超出了该列的可用可见内容区域的容纳量，则每个列将自动显示/使用其自己的滚动条。换句话说，如果任何列的内容很长，则这些列不应将其下方的“ sticky \”页脚部分下推，而应显示/使用滚动条供用户滚动浏览内容。 页脚部分（粘性/固定），无论“主要内容”部分中三列中的任何内容的长度如何，都必须始终在窗口/视口的底部可见。页脚不应被其上方的三列中的任何一列向下推，并且必须确实“发粘”并始终在视口上可见。 我已经花了数周的时间来寻找答案，但是我所见过的所有有关“（三）带有粘性页脚的等高列”的解决方案都不会阻止“主要内容”部分的列“按入”如果任何内容列中的内容过多，则页脚向下。 我真的希望有人可以提供帮助。提前致谢！     

解决方法

        你的意思是这样吗？参见提琴：http：//jsfiddle.net/NGLN/R6F5q/2/。 在IE7，IE8，IE9，Opera 11，FF 4，Chrome 12，SafariWin 5中的Win7上进行了测试。