如何将孩子的“身高”扩大到父母身高

<div class="parent">
<div class="child-left floatLeft">
</div>

<div class="child-right floatLeft">
</div>

孩子左边的DIV会有更多的内容，所以父DIV的高度会随着孩子DIV的增加而增加。

但问题是孩子的权利高度并没有增加。 我怎样才能让自己的身高与父母相等呢？

---

http://jsfiddle.net/r5h4w5s2/

.parent{
    width:200px;
    height:300px;
    border:1px solid black;
}

.child-left{
    float:left;
    border: 1px solid #FF0000;
    width:80px;
    height:100%;
}

.child-right{
    float:right;
    border: 1px solid #FF0000;
    width:80px;
    height:100%;
}

这是一个带有抽样的小提琴。 通过将高度设置为100％，它将采用其第一个父元素的高度。

---

喜欢这个：

.parent{
  overflow: hidden;
}
.child-right{
  height: 100%;
}

---

这是一个常见问题，称为“等高高度栏”（2010年文章！）。 我会建议Flex盒解决方案或Javscript方法。

链接地址: http://www.djcxy.com/p/94731.html

上一篇: how to expand child "div" height to parents height

下一篇: cell & float?