Всем привет, есть вопрос. Делаю ui под мобильное приложение, хочу

Question

Всем привет, есть вопрос. Делаю ui под мобильное приложение, хочу

фиксироваться в размере экрана, т.е. заполнить экран елементами во всю высоту, исключая скрол.

У меня часто возникает задача, когда есть колонка и два внутренних контейнера div, один я хочу прижать к верху или к низу (размер по содержанию), а второй должен занимать все остальное пространство. Решаю используя flex-grow, но проблема в том, что когда уже во внутренний div занимающий все свободное пространство поместить такую же конструкцию - то все начинает ехать и ведет себя как-то неочевидно и я не понимаю как с этим вообще бороться?

Если описание не очень понятно, попробую сделать пример на codepen/

#css #frontend #html #programming #russian

0

26.10.2023

4 ответов

4 просмотра

Мумітроль Автор вопроса

Anatoliy Kulak
Собственно, не очень понятно, чего вы хотите в ито...

Суть в том, что контента не будет много. Представьте, что это экран Тиндера, у нас есть две кнопки снизу (прижаты к нижней части), а карточки свайпающиеся центрированы в оставшемся пространстве

0

8 месяцев назад

Anatoliy Kulak

Мумітроль
Суть в том, что контента не будет много. Представь...

Вы про что-то подобное? https://codepen.io/cooltolia/pen/MWZeORX

0

8 месяцев назад

Мумітроль Автор вопроса

Anatoliy Kulak
Вы про что-то подобное? https://codepen.io/cooltol...

Не совсем, я сейчас сам набрасываю, чтобы показать проблему

0

8 месяцев назад

Anatoliy Kulak · Accepted Answer

Собственно, не очень понятно, чего вы хотите в итоге добиться как раз когда контента много. Возможно просто надо сделать overflow scroll именно для центрального контентого блока? Тогда шапка и футер оставались бы прижаты к верху и низу экрана соответственно

169 похожих чатов

Всем привет, есть вопрос. Делаю ui под мобильное приложение, хочу

4 ответов

Похожие вопросы