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

Question

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

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

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

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

score 2 · Accepted Answer

2

试试display: table-cell这两个容器——见http://jsfiddle.net/kK5Ly/9/

于 2012-07-20T13:19:18.843 回答

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

score 1 · Accepted Answer

我在这个堆栈溢出问题中找到了答案：

这就是答案：

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

4 回答 4