Как это сверстать?

Question

[Денис]

Подскажите, как это сверстать, чтобы вторая часть(ее немного видно) имела большой блок, который обтекают маленькие по левой и нижней части?

Answer 1

[Дмитрий Печуркин]

<div style="float:left;width:400px;height:400px"> </div>
<div style="float:left;width:200px;height:200px"> </div>
<div style="float:left;width:200px;height:200px"> </div>
<div style="float:left;width:200px;height:200px"> </div>
<div style="float:left;width:200px;height:200px"> </div>
<div style="float:left;width:200px;height:200px"> </div>
<div style="float:left;width:200px;height:200px"> </div>
<br style="clear:both;/>

как то так

Answer 2

[Максим Тимофеев]

можно в css:
.item {float:left; width:200px; height:200px;}
.item:first-of-type {width:400px; height:400px;}
.item:last-of-type::after {content:""; display:block; height:1px; width:100%; clear:left; }

Answer 3

[Сергей Горячев]

легко
А что касается большого блока, это обычный float left.
Маленькие встанут именно так, сначала рядом, потом внизу.