如何正确排列网格中的（不同）方块？(How can I arrange (different) squares in a grid correctly?)

 我的标准布局（最小宽度1024px）有4行。 第一个和最后一个有6个正方形，中间有两个组合正方形。 但是第三排的第一个方块丢失了。 我没有使用不同的CSS设置。 我试过clear: both或float:left等 
 
 在这里你可以看到洞，结果屏幕需要最小宽度1024px： 
 
 http://jsfiddle.net/fwsh8ov0/ 
 
 尚未对较小的屏幕进行任何配置。 

My standard layout (minimum width 1024px) has 4 rows. The first and the last one has 6 squares and in the middle there are two combined squares. But the first square in the third row is missing. I didn't make it with different CSS settings. I have tried clear: both or float:left etc.
 
Here you can see the hole, result screen needs to be min width 1024px:
 
http://jsfiddle.net/fwsh8ov0/
 
Haven't done any configurations for smaller screens yet.

原文：https://stackoverflow.com/questions/28874289