1

Вот такую: введите сюда описание изображения

Получается у большой картинки 66.666%,
У маленьких 33.333%.

1
  • Посмотрите как сделано там где вы это увидели - в исходном коде странички. Вы можете сохранять странички к себе и рассматривать их в качестве информации. Смотря что есть сможете сделать как то по своему.
    – And
    Commented 2 мая 2016 в 12:16

1 ответ 1

3

div.container {
  width: 800px;
  margin: 0 auto;
}
div.container div.item {
  width: 33.33%;
  height: 150px;
  float: left;
  background-color: #999;
  box-sizing: border-box;
  border: #FFF 1px solid;
}
div.container div.item:first-child {
  width: 66.66%;
  height: 300px;
}
<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.