Как сделать плавающую высоту блока?

Question

[moiseev17]

Столкнулся с такой проблемой. Есть один большой блок (назовем его container), который делится на две части col-4 и col-8. В container есть блоки с фиксированной высотой (они находятся сверху) и есть блоки которые должны быть с плавающей высотой. Так же есть блок со скролом.

Как сделать, чтобы высота со скроллом была плавающей? Не могу понять что делаю не так, код ниже.



Код по ссылке: https://codepen.io/moiseev1788/pen/GRZjWOa

Comments

[Андрей Шевкалюк]

У бирюзового блока высота не плавающая, потому что вы ей задали конкретное значение. А в чем проблема?

[moiseev17]

Андрей Шевкалюк, проблема в том, что я не могу задать это блоку плавающую высоту. Как правильно сделать?

[Андрей Шевкалюк]

moiseev17, Оставьте вот так, а height уберите

.all-height__itme-three {
  background: #68d8d6;
  margin-bottom: 20px;
  padding: 10px;
  overflow-x: scroll;
}

[Андрей Шевкалюк]

moiseev17, Можно добавить max-height для ограничения максимальной высоты, чтобы работал скролл.

[moiseev17]

Андрей Шевкалюк, если убрать height, бирюзовый блок будет не на ровне с синем и желтым

[Андрей Шевкалюк]

moiseev17, Так вам надо, чтобы он был наравне, или чтобы его высота была плавающей? :)

[moiseev17]

Андрей Шевкалюк, Чтобы бирюзовый блок был всегда наравне, допустим высота синего и желтого блока будет 700px, бирюзовый блок должен быть с ними наравне

Пример, как на фото

[Андрей Шевкалюк]

moiseev17, Тогда возможно вам поможет эта статья

[moiseev17]

Андрей Шевкалюк, попробовал решения, которые показаны в статье, не помогает

Answer 1

[Юрий]

Вроде работает.

Comments

[moiseev17]

Спасибо огромное!!!