4 + 1 div排序CSS

Question

我的表单生成了4个小容器和1个大容器。是否可以仅通过CSS排列它们（如图片所示），而不使用其他左/右组div？

Div 1-4宽度约25％， Div 5宽度约为50％

Answer 1

您可以使用nth-child：

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

Answer 2

这个怎么样：

    .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>

在测试页面上工作。在不利方面，我应该提到这不是响应式布局。