3列适合流体配合布局与CSS

Question

如何使用CSS创建适合/流体/拟合列布局？根据拟合，我的意思是列宽是其中内容的宽度。我不想为外部列设置像素或百分比宽度，我希望它们是其中内容的宽度。我暂时使用表格，但感觉非常错误。有什么建议吗？

Answer 1

找到一个仅限CSS的解决方案。刚尝试过，效果很好。

http://www.thecssninja.com/xhtml/sangraal-layout

乍一看，它似乎是一个“固定” - “流畅” - “固定”布局，但你会发现如果你删除右栏和左栏中的固定宽度，这些列“适合”你的文字你提供，并且中心保持流动状态，中心柱或容器不需要知道左右柱的宽度。

真正的Sangraal。

Answer 2

http://jsfiddle.net/Mutant_Tractor/bDdq9/1/

Answer 3

不使用表格，但也许你可以看一下http://www.alistapart.com/d/holygrail/example_4.html，它看起来与你需要的非常相似。