css - 如何根据子级高度调整固定高度的父级 div？

Question

我有一个固定高度较大的父 div 和一个高度较小的子 div。我想知道当我插入子div时是否可以，父div是否可以将子div高度调整为200px。

<div class="parent">
  <div class="child"></div>
</div>


.parent {
    position: relative;
    height: 400px auto;
}

.child {
    height: 200px;
}

标签： css

Answer 1

只需将高度自动分配给父 div。它将自动获取子 div 的高度。并且height: 400px auto不起作用，因为它是无效的 css 语法。

.parent {
    position: relative;
    height: auto;
}

.child {
    height: 200px;
}