Div не принимает всю высоту своего родителя, расположенного с `vh` unite?

Question

Я должен сказать, что это не большая проблема, но это странно!

У меня есть элемент section с min-height: 50vh; css .И внутри это div с некоторым содержанием.Даже после установки height: 100%; на div он все равно не принимает полную высоту своего родителя;section.И это то, чего я не понимаю, почему!?!

Одно из решений - дать относительную позицию section и абсолютную div с top, bottom, left, and right, установленным на 0.Но я очень хочу знать, почему это произошло?!

Спасибо!

Answer 1

Элемент отображения блока (который является div) будет занимать всю ширину своего родителя, но он будет не принимать полную высоту своего родителя.По умолчанию высота элемента отображения блока определяется высотой его содержимого.

Если вы хотите, чтобы ваш div занимал полную высоту относительно родительского контейнера, вы можете явно установить его высоту вCSS.Если вы установите высоту равную 100%, она фактически будет принимать всю высоту своего родителя, независимо от того, является ли он дочерним.