html - 100% 高度 div

Question

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

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

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

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

有任何想法吗？

Answer 1

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

Answer 2

容器有高度：自动；如果将其更改为高度：100px；例如，每个 div 对我来说都有相同的高度。