两个侧杆和柔性中心柱CSS

Question

三柱栅格，带有固定宽度侧杆和流体中心。

我对此很难过。我有这些属性：

#sidebar { width: 65px; padding: 0px; } 
#content { width: 100%; } 

则在我的模板都称这样的：

{% block left_sidebar %} Test {% endblock %} 
{% block content %} Content {% endblock %} 
{% block right_sidebar %} Test {% endblock %} 

然而，它把左侧边栏上的“内容”，并在其下方的右侧边栏的顶部。我该如何克服这一点？

如果在侧边栏没有内容我想中间的内容，以填补所有availiable空间。这就是为什么我试图将它设置为可用空间之间的100％。因此，如果没有左列，我希望中间内容自动填充页面的左侧2/3页。

Answer 1

谢谢你的帮助。我相信我已经找到了计算器的答案在这里： 我想我在这里找到了答案：

CSS layout (2 column layout, but if no sidebar main column must be 100% wide)

Answer 2

你需要你的浮动div的左边，并确保总宽度小于或等于容器的100％。

一个粗略的想法：

#sidebar, #content {float: left;} 
#sidebar { width: 10%; } 
#content { width: 80%; }