怎么样才能让子元素继承父元素高度?

Question

<div class="father">
    <div class="son"></div>
</div>

father的高度是屏幕高度

son的高度是内容高度
现在想让son继承father的高度

怎么做？

Answer 1

height: 100%
height: 100vh

或者父元素relative, 子元素absolute像狗皮膏药一样贴上去。

.father { position: relative }

.son {
  postion: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}