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

Question

我有DIVs这涉及side by side彼此的,但有只fourth DIV涉及在第一row和其他被移动过的下一个row.

我希望每个人都row first div没有空间,left side但没有发生.这是我的代码

http://jsfiddle.net/25pwG/

我知道我可以通过class手动操作来实现,new row DIV但我不想这样做.我希望这用较少的CSS和我不想改变我的markup

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

提前致谢 :)

更新:

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

首先.parentdiv是一个common class用于其他部分也是第二件事根据设计parent DIVs触摸row last div所以,右边没有空间.

Answer 1

建议A:

添加margin-left:-16px到父级

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

建议B:

使用margin-right: 16px在内的div,而不是margin-left

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

建议C:

如果父div宽度是固定的,您可以删除每个第4个孩子的边距,如下所示:

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

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

建议d:

将内部div包装在一个包装器中,并将其设置为比父div更宽

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