100％高度div

Question

我觉得真的很愚蠢，因为没有看到这里有什么错。

基本上三个div与一个容器连在一起 - 希望它们全都与容器一样高。

这里是一个简化的测试案例：

http://codepen.io/jgclifton/full/mDdpv

任何想法？

Answer 1

给div.container一个明确的高度，你的div将排队完美。目前，它的高度为auto，这意味着对子元素使用height: 100%不起作用。在容器上设置一个200px的高度，可以将基于百分比的高度作为参考。

Answer 2

容器有高度：自动; 如果将其更改为height：100px;例如，每个div都与我具有相同的高度。