我必须说这不是一个大问题,但它很奇怪!
我有一个section
元素min-height: 50vh;
css 。在里面有一些内容的div。即使将height: 100%;
设置为div
,它仍然不会占据其父级的全部高度; section
。
这就是我不明白的原因!?!
一种解决方案是将section
的相对位置设为div
,将top, bottom, left, and right
的{{1}}设置为0
。但是我非常担心知道为什么会发生这种行为?!
谢谢!
答案 0 :(得分:0)
块显示元素(div为)将占据其父元素的整个宽度,但 不 将占据其完整高度'父母。默认情况下,块显示元素的高度由其内容的高度定义。
如果你希望你的div占据相对于父容器的整个高度,你可以在CSS中明确设置它的高度。如果你将身高设置为100%那么它实际上会占据它父母的全部身高,无论它的孩子是谁。