Не работает height в css

Question

Не работает height в css

Q we Q why Ученик (126), на голосовании 2 недели назад

     display: flex;
    margin: 0 auto;
    height: 200%;

работает все кроме height

Дополнен 1 месяц назад

в пикселях тоже

Answer 1

Ахмед Ахмедов'б Профи (895) 1 месяц назад

ehdvgjhsecdsvfdssdb

Answer 2

Контейнеры высшего уровня html/body должны иметь реальные размеры явно, ибо по умолчанию они равны нулю, размеры в процентах от нуля для childe-элементов тоже равны нулю. Ну или пробовать auto для body

Answer 3

По-умолчанию html и body имеют высоту 0px. Если задать явно – работает (пример для html,body высотой 10px):
https://jsfiddle.net/wgc8rjhf/

Важно понимать, что проценты высчитываются от высоты родителя (вот хороший старенький сайт, где можно освежить html/css правила: https://htmlbook.ru/css/height )

Скорее всего вам просто не хватает вот такого правила:

 html, body {
  height: 100%;
}