Задать вопрос
@Slash2018

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

ReH8976S1QucBuDSLYSn-3uPcYBcIjtznhNbgBca

Подскажите, как это сверстать, чтобы вторая часть(ее немного видно) имела большой блок, который обтекают маленькие по левой и нижней части?
  • Вопрос задан
  • 421 просмотр
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
DPechurkin
@DPechurkin
Веб разработчик
<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;/>

как то так
Ответ написан
Комментировать
webinar
@webinar Куратор тега Веб-разработка
Учим yii: https://youtu.be/-WRMlGHLgRg
можно в 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; }
Ответ написан
Комментировать
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
легко
А что касается большого блока, это обычный float left.
Маленькие встанут именно так, сначала рядом, потом внизу.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы