基础 5 网格状砌体

【问题标题】：Foundation 5 Masonry like Grid基础 5 网格状砌体
【发布时间】：2015-10-12 15:14:44
【问题描述】：

如何使用 Foundation 框架 5 实现这种（图像）布局？如果不可能，我真的很喜欢香草 CSS 选项。 Javascript 是最后的选择。它应该是响应式的。

【问题讨论】：

【解决方案1】：

这是您的 Grid 的纯 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; }

【讨论】：

它没有按照我想要的方式完成工作，但我没有问清楚。