從XHTML 1到HTML5的模板轉換，CSS錯誤

Question

這是一個簡單的3列模板，左側和右側的邊欄和中間的內容。我無法理解列之間的間距，內容（後）欄和右側欄之間的空間太多。

[side-bar] [content/ post/matter]_____space/gap___[side-bar] 

我不能減少/刪除「_space /差距」，使模板看起來像

[side-bar] [content/ post/matter] [side-bar] 

之前在這裏張貼這一點，我已經試過鉻開發人員工具知道並重構它，我一直無法理解它。

JSFiddle Example

Answer 1

更改代碼的這一部分：

#right { 
float: right; 
width: 180px; 
padding: 10px 30px 10px 0; 
} 

這樣：

#right { 
float: left; 
width: 180px; 
margin-left: 10px; 
padding: 10px 30px 10px 0; 
} 

浮動權將持有該容器到最右邊的位置，它可以在實現其自己的容器。