Div没有采用`vh` unite定位其父级的全部高度?

时间:2018-05-26 05:32:08

标签: html css layout css-position

我必须说这不是一个大问题,但它很奇怪!

我有一个section元素min-height: 50vh; css 。在里面有一些内容的div。即使将height: 100%;设置为div,它仍然不会占据其父级的全部高度; section。 这就是我不明白的原因!?!

一种解决方案是将section的相对位置设为div,将top, bottom, left, and right的{​​{1}}设置为0。但是我非常担心知道为什么会发生这种行为?!

谢谢!

1 个答案:

答案 0 :(得分:0)

块显示元素(div为)将占据其父元素的整个宽度,但 将占据其完整高度'父母。默认情况下,块显示元素的高度由其内容的高度定义。

如果你希望你的div占据相对于父容器的整个高度,你可以在CSS中明确设置它的高度。如果你将身高设置为100%那么它实际上会占据它父母的全部身高,无论它的孩子是谁。