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 */ 
}