使侧边栏div固定宽度，而主要内容是流动的

Question

我需要网站的主要内容在页面的左边缘和侧边栏之间流畅。但我希望侧边栏保持固定大小。

我已经看到一些解决方案要求侧边栏位于DOM中的主要内容之前，但在这种情况下侧边栏必须位于HTML 中的主要内容之后。

请参阅我的jsFiddle：http://jsfiddle.net/kK5Ly/

现在，侧边栏向左浮动，但它位于主要内容的下方。我需要它坐在主要内容旁边，同时保持主要内容流畅的宽度。

Answer 1

对两个容器试用display: table-cell - 请参阅http://jsfiddle.net/kK5Ly/9/

Answer 2

这里我使用position: absolute做了一个小技巧，也许这就是你想要的？

http://jsfiddle.net/kK5Ly/2/

Answer 3

我同意@haynar。当我测试时，我试图将侧边栏放在左边，右边的内容放在右边。确保在使用该代码时，不仅要将position:absolute;添加到侧边栏div，还要为主要内容div设置margin-right:250px;。

Answer 4

我发现在这个堆栈溢出问题中回答：

CSS Layout 2-Column fixed-fluid

这就是答案：

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/

显示CSS代码以查看它是如何完成的。