Как сделать сайдбар на всю высоту страницы?

Как правильно сделать сайдбар, чтобы он был на всю высоту страницы независимо от содержимого?
Я вроде сделал, но получается какая-то ерунда, когда делаю браузер меньше в высоту, как на скриншоте.
Мой пример: codepen.io/anon/pen/jEPYRq
55379f75525631c1e82afb1f56daf9fb.png
  • Вопрос задан
  • 6161 просмотр
Решения вопроса 1
@zjoin
Я внутренним элементам ставлю min-height
aside { min-height: 100% }
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@VaranCollins
Magento Frontend Developer
section {
height: 100vh; /* высота секции равна высоте области просмотра */
}
Ответ написан
Комментировать
@klenovnn
Если меню фиксированное слева, ставим ему position: absolute
Затем задаем height: 100%. Еще для избежания мелких багов (изменение масштаба, скролла в iOS, MacOS (когда при скролле можно все элементы сдвинуть и увидеть чистый фон)), а бы еще фиксированный черный фон картинкой по вертикали сделал слева (для body задать).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы