具有不同大小框的 HTML/CSS 网格布局？

Question

我正在尝试使用 HTML/CSS 创建布局(如图所示)。

我尝试过使用 div 和 ul/li，但堆叠不起作用。

有人能指出我正确的方向吗？

Answer 1

如果你真的只想在你自己的 html/css 中做这件事(没有 Bootstrap)，您需要将右 block 与双倍高度对齐，右浮动，其他 block 使用左浮动。

Example - JSFiddle

.block {
float:left;
}

.block1x2 {
float:right;
}