html - 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}