html - 100% 高さ div

Question

ここで何が悪いのかわからないのは本当にばかげていると感じます。

基本的に、コンテナーを使用して 3 つの div を連続して配置します。すべての div をコンテナーと同じ高さにします。

以下は縮小されたテスト ケースです。

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

何か案は？

Answer 1

明示div.container的な高さを指定すると、divs が完全に整列します。現在、高さは ですauto。つまりheight: 100%、子要素で使用しても効果はありません。たとえば、コンテナに 200px の高さを設定すると、パーセンテージ ベースの高さが基準として使用されます。

Answer 2

コンテナーの高さ: auto; 高さに変更すると: 100px; たとえば、すべての div は同じ高さです。