100％高度divs

Question

我觉得因为没有看到错误而感到愚蠢。

基本上连续三个带有容器的div - 希望它们都与容器一样高。

这是一个简化的测试用例：

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

有什么想法吗？

Answer 1

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

Answer 2

容器有高度：auto; 如果你把它改成高度：100px;例如，每个div对我都有相同的高度。