从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; 
} 

浮动权将持有该容器到最右边的位置，它可以在实现其自己的容器。