Справочник: min-height задаёт минимальную высоту элемента. Можно ли объяснить, на что влияет данное свойство? Если экран сузить меньше указанной величины ничего не происходит визуально. Объясните, пож-ста.
-
1htmlbook.ru/css/min-height– soledar1023 фев 2017 в 9:31
-
@soledar10 давайте не давать ссылок на устаревшие ресурсы, webref.ru/css/min-height– andreymal23 фев 2017 в 9:35
-
ну и что. Задаем этой картинке(в примере по ссылке) min-height: 80 px, сжимаем экран до 50 и ничего не происходит. И что?– Proshka23 фев 2017 в 9:37
2 ответа
Допустим у вас на странице ряд изображений, вы им задаете высоту height:auto; и ограничение не меньше 40px min-height:40px; и все изображения если они разной высоты будут разной высоты, но с ограничением не меньше 40px.
Если вам нужно задать процентное ограничение по высоте, то в таком случае высота родительского блока должна быть задана явно.
Это свойство не явное задание высоты, а ограничение на высоту. Это свойство можно применять к блокам, инлайн блокам.
Если вы берете проценты, их нужно брать от чего то Т.е. либо пропишите:
body, html{height:100%}
Либо укажите в родительском элементе тоже самое:
body.style_body { height:100%}
Тогда min-height прекрасно работает.