Всем привет!
Описание:
На странице есть список элементов, их количество не определено. Страница сайта разделена, скажем, пополам, т.е. в левой части экрана данный список, в другой - что-то иное. Так как этих элементов может быть 100 и даже 1000, а область размещения ограничена (50%), то первым делом я просто задал родительскому контейнеру overflow: hidden и overflow-x: scroll. Это...решает проблему, но это похоже на костыль. Все бы ничего, но в дальнейшем потребовалось реализовать модальные окна у данных блоков, которые находится большей частью вне контейнера и, естественно, обрезаются. Конечно, я могу задать родителю padding-bottom и скрыть скролл, но мне интересно, можно ли данную задачу выполнить как-нибудь более изящно?
Код примера:
https://codepen.io/anon/pen/yGjGWa 
Простой
