html - 如何设置父div的默认高度

Question

<div id="parent-div" style="height:1000px">
  <div id="child-div" style="background-color:#808080"></div>
</div>

如何设置父类的高度？

如果我降低父级 div 的高度，那么子级 div 应该设置为父级 div。

Answer 1

如果 parent 设置了固定的高度，您可以为 child 使用height:100%。它不适用于 min-height

#child-div{
    height: 100%;
}

否则你可以尝试使用table-layout来增加div

<div id="parent-div" style="min-height:1000px; display: table; width: 100%;">
        <div id="child-div" style="background-color:#808080; display: table-cell; height: 100%;">
          
        </div>
    </div>