Html 如何设置父div的默认高度

---

如果家长设置了固定的

高度，您可以为孩子使用
高度：100%
。它不适用于
min height

#child-div{
    height: 100%;
}

否则，您可以尝试使用表格布局来增加div


如果家长设置了固定的
高度，您可以为孩子使用
高度：100%
。它不适用于
min height

#child-div{
    height: 100%;
}

否则，您可以尝试使用表格布局来增加div


如果我理解正确，您希望设置父对象和子对象的高度样式吗？如果是这样，您可以只添加一个容器div并设置该容器的样式，因此容器中的任何内容都将是您设置的高度。
如果我理解正确，您希望设置父级和子级的高度样式吗？如果是这样，您只需添加一个容器div并设置其样式，因此容器中的任何内容都将是您设置的高度。
只需设置
#子div
属性
高度：100%
：


#父div{
高度：1000px；
}
#儿童部{
身高：100%；
背景色：红色；
}

只需设置
#子div
属性
高度：100%
：


#父div{
高度：1000px；
}
#儿童部{
身高：100%；
背景色：红色；
}
您可以在百分比中设置子节点的宽度和高度值。然后它将根据您在父div中的更改而更改


#父div{
宽度：200px；
/*高度：200px*/
背景色：红色；
}
#儿童部{
宽度：100%；
身高：100%；
保证金：自动；
背景色：红色；
}
您可以在百分比中设置子节点的宽度和高度值。然后它将根据您在父div中的更改而更改


#父div{
宽度：200px；
/*高度：200px*/
背景色：红色；
}
#儿童部{
宽度：100%；
身高：100%；
保证金：自动；
背景色：红色；
}



解决方案1。使用特定高度
只需将高度100%添加到子级，它就会工作（因为这100%是相对于其父级的）

工作CSS：

#parent-div {
  height: 300px;
}

#child-div {
  background: #808080;
  height: 100%;
}

* { 
  width: 100%; 
  position: absolute;
}

#parent-div {
  min-height: 300px;
}

#child-div {
  background: #808080;
  height: 100%;
}

使用以下HTML：

<div id="parent-div">
  <div id="child-div">
  </div>
</div>

<div id="parent-div">
  <div id="child-div">
  </div>
</div>

使用以下HTML：

<div id="parent-div">
  <div id="child-div">
  </div>
</div>

<div id="parent-div">
  <div id="child-div">
  </div>
</div>



下面是一个工作示例：
解决方案1。使用特定高度
只需将高度100%添加到子级，它就会工作（因为这100%是相对于其父级的）

工作CSS：

#parent-div {
  height: 300px;
}

#child-div {
  background: #808080;
  height: 100%;
}

* { 
  width: 100%; 
  position: absolute;
}

#parent-div {
  min-height: 300px;
}

#child-div {
  background: #808080;
  height: 100%;
}

使用以下HTML：

<div id="parent-div">
  <div id="child-div">
  </div>
</div>

<div id="parent-div">
  <div id="child-div">
  </div>
</div>

使用以下HTML：

<div id="parent-div">
  <div id="child-div">
  </div>
</div>

<div id="parent-div">
  <div id="child-div">
  </div>
</div>



这里是一个工作示例：
可能的重复可能的重复您可以获得最小高度以使用绝对定位：竖起大拇指以获得表格解决方案。。。我喜欢！您可以使用绝对定位获得最小高度：竖起大拇指查看表格解决方案。。。我喜欢！