0

Есть 6 блоков. У четных высота 270px, у нечетных - 300px. Вопрос: как сделать так, чтобы все блоки отображались независимо от разницы высоты, то есть блоки не были жестко привязаны к ряду?

пример

1
  • Покажите код, где Вы выставляете эти блоки.
    – user189127
    29 окт 2015 в 17:52

1 ответ 1

1

body {
  margin: -20px auto 0;
  width: 246px;
}

p {
  border: 1px solid;
  background: silver;
  float: left;
  width: 70px;
  margin: 25px 5px -15px;
  height: 100px;
}

p:hover {
  background: blue;
}

p:nth-child(3n + 1) {
  clear: left;
}

p:nth-child(even) {
  height: 80px;
}

p:nth-child(6n + 5) {
  margin-top: 5px;
}

p:nth-child(6n + 6):last-child {
  margin-bottom: 5px;
}
<p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p>

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