模板从XHTML 1转换为HTML5，CSS错误

Question

这是一个简单的3列模板，左侧和右侧有侧栏，中间有内容。我无法理解列之间的间距，内容（post）列和右侧栏之间的空间太大。

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

我无法减少/删除' _space / gap '以使模板看起来像

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

在此发布之前，我已尝试使用chrome-developer工具来了解并重构它，我无法理解它。

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

向右浮动会将容器保持在它自己容器内可以达到的最右边位置。