Как растянуть див-обертку на 100vh, при этом чтоб независимо от контента футер был всегда внизу (абсолют не предлагать)?
стандартный макет страницы, хедер, боковое меню, футер. Надо чтоб боковое меню распологалось от хедера к футеру по всей высоте, и при этом футер был всегда внизу даже если контента нет. Абсолютное позиционирование не нужно. Высота хедера и футера может меняться. Есть варианты? Спасибо большое всем!
header
menu | content
footer
ответ: Центральному контейнеру выставить flex: 1. не благодарите.
Айрат Мухаметшин, у чего появляется скролл? просто так он появиться не может. Он появляется всегда у элементов, которые можно скролить.
Ваш вопрос не понятен более чем наполовину.
при этом чтоб независимо от контента хедер был всегда внизу
и при этом футер был всегда внизу даже если контента нет.
если контенту ставить минимальную 100vh он же вытеснит футер вниз)))
хз кароч в эту кашу лезть даже не хочется и пытаться что-то осмыслить.
leni_m, хедер сверху, опечатался видимо. футер внизу. стандартная задача чтоб избежать скрола, и вся страница занимала 100vh. Каши нет. Но есть изменяемые хедер и футер. ну и сама задача чтоб при контенте = 0 все стояло на всю страницу.
Он учитывает схлопываемые панели управления браузеров на мобильных (iOS Safari и Android Chrome). Иначе, если просто 100 vh и если нет контента, всё равно можно будет немного прокрутить в этих браузерах страницу, пока интерфейс не схлопнется.
Айрат Мухаметшин, если бездумно копировать решения из интернетов, то мышца мозга дает слабину. Решение есть, дальше полет фантазии, а от автора решения «не глядя» уже не зависит.
Вариантов, кстати, много больше, чем на данный момент указано. Если надо готовое, достаточно еще немного посидеть и подождать)
Арсений Матыцин, не о том Вы, и философия Ваша ни к месту, и букв много потратили (не вернуть), суть вопроса посмотреть бест практикс, кто как делает. Я это реализовал, мне хотелось посмотреть какие варианты.
