有两个<div> 元素，每个元素都具有相同的类。很容易将它们做成两列布局：http://jsfiddle.net/Baumr/nbzHA/3/
这就是问题所在：
如何在它们之间添加空格？
创建两个单独的类并以任何一种方式浮动它们会很容易。 或者添加一个类并使用边距：http://jsfiddle.net/Baumr/sZehH/1/
但是如果他们在同一个班级/没有班级呢？
【问题讨论】：
标签： css html css-float multiple-columns
在第一个 div 上添加 class 是最好的浏览器兼容性解决方案，然后为此类添加您的样式。
我在您的小提琴中注意到了一些事情，这使得根据您的 cmets 到 niels 获得解决方案变得复杂。您的小提琴中有一个 section 标签，它将在支持 html5 的浏览器中呈现。但是你想同时兼容 IE7 和 IE6 吗？
IE7有多种方式，以下是其中一种：
.section div+div {
margin-left: 10%;
}
此解决方案使用Adjacent sibling selectors，它在第二个 div 上添加了 margin-left。而且，为了不支持section的浏览器的好处，我使用带有class=section的div而不是section标签。
对于IE6，在两个div 之一上添加一个类是我知道的唯一解决方案。
【讨论】：
<div class="section"> 而不是<section> 等等？但是从这个意义上说，这不再是 HTML5 :(
<section>然后继续使用它。我对 JS 解决方案不太熟悉，我假设一些 HTML5 标签，如<video>, <audio>, <canvas> 可能有一些问题。
您可以使用伪类，例如 :nth-child(n) 或 :first-child
section div:nth-child(1) {
margin-right: 10%;
}
【讨论】：
:first-child？根据quirksmode.org，它几乎在 IE8 中工作（无论这意味着什么）......
position: 解决方案...