兩個側杆和柔性中心柱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%; }