3列布局 - 100％高度侧栏，自动高度容器，没有人造柱

Question

一个常见的问题我确定但有轻微的扭曲。

通常情况下，我只使用人造柱并没有问题，但我目前正在创建的设计是三列，但如果右列或左列不存在，则中间列应填充其宽度。

有关解决方案的文章的任何想法或链接？我已经看到很多，但没有相同的情况。

非常感谢任何帮助。

Answer 1

不完全确定您的目标是什么css结构。 固定宽度列的两侧（高度：100％）和中间的可变宽度/高度内容？

body {padding-left:ABCpx; padding-right:ABCpx; margin:0 auto;} #columnLeft {height:100%; width:ABCpx; position:fixed; left:0; top:0} #columnRight {height:100%; width:ABCpx; position:fixed; right:0; top:0}