Question

我正在使用名为angular-split的角度插件，它提供了一个在html页面上拆分可调整大小的部分的装订线。

问题在于，如果要拆分某些东西，div包含的装订线必须设置一个特定值的高度，而不是百分比。

所以我的问题是，如果我希望我的div完全填充父容器而不使用height=100%，我该怎么办？

Answer 1

这些divs是否与child div一起单独设置样式，如果是这样，您可以通过更改父元素和子元素的display来实现。无需将height分配给子元素，默认情况下将其作为父元素的100%。

检查以下代码，红色div是父div和蓝色子代。

#parent {
  width: 100%;
  height: 400px;
  background: red;
  display: table;
  color: white;
  padding-top: 10px;/*Optional*/
}

#parent .child {
  width: 100%;
  height: auto;
  background: blue;
  display: table-cell;
}

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

如何设置div高度与父容器相同而不使用百分比？

1 个答案: