Html

子div100％の高さから親の自動高さ



Child Div 100 Height Parent Auto Height



解決：

適切なdivを作成する位置：絶対;親divを作成します位置：相対;その後高さ：100％;適切なdivで機能します。それに応じて、x位置と幅も調整してください。この例では、私はそれに与えましたleft：50pxで、左の列の右側に表示されることを確認します。

JSFiddle http://jsfiddle.net/e9mvD/




あなたは使用することができますのテーブルセル値このレイアウトでプロパティを表示し、このように浮く：

.left、.right {display：table-cell; }
ライブデモhttp://jsfiddle.net/C9Kmx/34/
 
 
  
これは、flexboxといくつかの創造性を使用して実現できます。
 
.container {display：flex;背景：黒;パディング：5px;幅：300px} .left {高さ：200px;フレックス：1 0 0px;背景：青; } .right {flex：1 0 0px;オーバーフロー：自動;背景：緑; } .column {display：flex;フレックス方向：列;幅：20％; }