4 + 1 div排序CSS

Question

我的表单正在生成4个小容器和1个大容器。是否有可能通过CSS来安排它们（如图），并且不使用额外的左/右分组div？

股利1-4宽度在25％左右， 事业部5宽度约50％

Answer 1

如何：

.div1, .div2, .div3, .div4 {width: 25%; float:left;} 
    .div3 {clear:left;} 
    .div5 {display:inline-block; width: 50%;} 

，比我做的div：

<div> 
    <div class="div1">First DIV</div> 
    <div class="div2">Second DIV</div> 
    <div class="div3">Third DIV</div> 
    <div class="div4">Fourth DIV</div> 
    <div class="div5">Fifth DIV</div> 
    </div> 

适用于测试页面。不利的一面，我应该提到这不是响应式布局。

Answer 2

您可以使用第n个孩子：

div:nth-child(5n){ 
    /* style your every fifth element */ 
}