基金會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; }