Почему не работает h-100 внутри d-flex?

Question

[Vlad Osadchyi]

https://codepen.io/semivori/pen/MWwjWzg?editors=1100
почему высота block 2 не равна 100% высоты родителя? и как сделать, чтобы высота block 2 была равна высоте block 1?

Answer 1

[nuffyweb]

Просто уберите класс "h-100".
Ответ нам даст спецификация CSS 2.1 пункт 10.5.
"Если высота внешнего блока вычисляется по содержимому, то высота в % не работает, и заменяется на height:auto. Кроме случая, когда у элемента стоит position:absolute."
То есть свойство height, указанное в %, работает только если для внешнего блока указана высота.
тут подробнее

Comments

[Vlad Osadchyi]

Спасибо за ответ и объяснения, вы крутой ;)