带CSS的3列拟合流体拟合布局

Question

如何使用CSS创建拟合/流体/拟合列布局？ 通过拟合，我的意思是列的宽度就是其中内容的宽度。 我不想为外部列设置像素或百分比宽度，我希望它们是其中内容的宽度。 我暂时使用表，但是感觉很不对劲。 有什么建议么？

Answer 1

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

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

乍一看，它看起来像是“固定”-“流体”-“固定”布局，但是您会发现，如果您删除了左右列“适合”您提供的文本的固定宽度，以及中心保持流动，而中心列或容器无需了解左右列的宽度。

确实是桑格拉尔。

Answer 2

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

Answer 3

没有使用表格，但也许您可以在http://www.alistapart.com/d/holygrail/example_4.html上查找，它看起来与您所需要的非常相似。