基金会5砌体网格

Question

我该如何设法做到这一点（图像）与基金会框架5的布局？如果不可能，我真的很喜欢香草CSS选项。 Javascript是最后一个选项。它应该是有回应性的。

Answer 1

这是您的电网纯CSS样品， 你可以在网上搜索一下：https://jsfiddle.net/5peu1qef/

.block1 { margin: 0 1.5% 10px 0; width: 60%; float:left; background: #e85959; height: 300px; } 
.block2 { margin: 0 1.5% 10px 0; width: 29.3%; float:left; background: #e85959; height: 145px; } 
.block3 { margin: 0 1.5% 10px 0; width: 60%; float:left; background: #e85959; height: 145px; }