如何解决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上进行了测试。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。