Html 当主要内容为流体时，将边栏div设置为固定宽度

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

我见过一些解决方案要求侧栏位于DOM中的主要内容之前，但在本例中，侧栏必须位于HTML中的主要内容之后

请参阅我的JSFIDLE：

---

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

这里我用

位置：绝对

做了一个小把戏，也许这就是你想要的

---

我同意@haynar的观点。当我测试它时，我试着把侧边栏放在左边，把主要内容放在右边。确保在使用该代码时，不仅要添加

位置：绝对

到边栏div，但您也可以设置

右边距：250px

主要内容部分

尝试显示两个容器的表格单元格——请参见我在堆栈溢出问题中找到的答案：

答案如下：

---

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

如果主要内容和侧边栏的高度不同，你觉得可以吗？谢谢Haynar，但我觉得这种技术有问题。有时边栏可能比容器长，这使得它位于页脚的顶部。我试图通过JS解决这个问题，但有时也会有div在主内容中扩展。所以这变得非常棘手。@Owen在我的站点中，我已经修正了通过JSI将主内容和div的高度设置为两者的最大值意味着主内容和侧边栏的高度，但实际上我找到了一个适合我的站点的解决方案，并且不需要JS。如果您不需要IE7的支持，请参阅我的答案通常很好。