Почему при owerflow не видно полного списка?

Question

[Юрий]

Есть список с объектами, поставил owerflow для списка, но отображается не все 10 объектов. Думаю проблема в высоте, но исправить не получилось

Answer 1

[Павел]

Задать для класса .list определенную высоту, так как он скрывает данные он не может быть 100% высоты, так как ее не определить:

list {
  overflow: scroll;
  height: 300px;
}

Comments

[Юрий]

Да, но если добавлять новые объекты придется новую высоту подстраивать?

[Юрий]

И при другом разрешении опять будут скрываться элементы

[Павел]

Юрий, Не будут, и не надо новой высоты, ну или во всяком случае есть media queries

[Юрий]

Павел, Просто, если менять размер экрана, то проблема повторяется. Добавлять медиа для разных экранов?

Answer 2

[Денис Васильев]

Можно с помощью js определить высоту
https://codepen.io/corvus-007/pen/xagqKR?editors=0110

Либо с помощью флексов - https://codepen.io/corvus-007/pen/mGRMEK?editors=1100