фиксироваться в размере экрана, т.е. заполнить экран елементами во всю высоту, исключая скрол.
У меня часто возникает задача, когда есть колонка и два внутренних контейнера div, один я хочу прижать к верху или к низу (размер по содержанию), а второй должен занимать все остальное пространство. Решаю используя flex-grow, но проблема в том, что когда уже во внутренний div занимающий все свободное пространство поместить такую же конструкцию - то все начинает ехать и ведет себя как-то неочевидно и я не понимаю как с этим вообще бороться?
Если описание не очень понятно, попробую сделать пример на codepen/
Собственно, не очень понятно, чего вы хотите в итоге добиться как раз когда контента много. Возможно просто надо сделать overflow scroll именно для центрального контентого блока? Тогда шапка и футер оставались бы прижаты к верху и низу экрана соответственно
Суть в том, что контента не будет много. Представьте, что это экран Тиндера, у нас есть две кнопки снизу (прижаты к нижней части), а карточки свайпающиеся центрированы в оставшемся пространстве
Вы про что-то подобное? https://codepen.io/cooltolia/pen/MWZeORX
Не совсем, я сейчас сам набрасываю, чтобы показать проблему
Обсуждают сегодня