html - 如何避免与每行的第一个 div 间隔

Question

我有DIV，它们并排彼此&但只有第四个DIV出现在第一个行 & other 也转移到下一个行。

我希望每个 row first div 不占用 left side 的空间，但没有发生。这是我的代码

http://jsfiddle.net/25pwG/

我知道我可以通过将 class 手册提供给 new row DIV 来做到这一点，但我不想那样做。我想要这个用更少的 css & 我不想改变我的 markup

注意:我想要 IE8 之前的功能。

提前致谢:)

更新:

http://jsfiddle.net/25pwG/8/

首先，.parent div 是一个公共(public)类，它也用于其他部分；第二，根据设计，parent DIVs触摸 row last div，这样右边就没有空间了。

Answer 1

建议A:

添加 margin-left:-16px 到 parent

演示:http://jsfiddle.net/25pwG/1/

建议B:

在内部 div 上使用 margin-right: 16px，而不是 margin-left

演示:http://jsfiddle.net/25pwG/4/

建议C:

如果父 div 宽度是固定的，你可以移除每个 4th child 上的边距像这样:

.feature:nth-child(4n){
    margin-right:0px;
}

演示:http://jsfiddle.net/25pwG/15/

建议d:

将内部 div 包裹在包装器中，并将其设置为比父 div 更宽

演示:http://jsfiddle.net/25pwG/17/