100％高度div

Question

我覺得真的很愚蠢，因爲沒有看到這裏有什麼錯。

基本上三個div與一個容器連在一起 - 希望它們全都與容器一樣高。

這裏是一個簡化的測試案例：

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

任何想法？

Answer 1

給div.container一個明確的高度，你的div將排隊完美。目前，它的高度爲auto，這意味着對子元素使用height: 100%不起作用。在容器上設置一個200px的高度，可以將基於百分比的高度作爲參考。

Answer 2

容器有高度：自動; 如果將其更改爲height：100px;例如，每個div都與我具有相同的高度。