インナー事業部の100％の高さは、本部

Question

これは明らかに起こっている理由は、上記のグレーのボックスです。今私は97％を使用しようとしましたが、サイズを変更するとうまく動作しません。外部divが変更できるように私は静的な値を使用することはできません。

この問題を解決する方法はありますか？ JavaScriptなし。 cssで可能でない場合は、どのような高さ：expresion（???）;それのための ？ここで

私は方法によって、これまで持っているコード：

.outside_div { 
    width:227px; 
    height:500px; 
} 

.scrolabe_div { 
    width:100%; 
    height:100%; 
    overflow:auto; 
} 

は、事前にありがとうございます。

Answer 1

代わりにbottom属性を使用できます。

.outside_div { 
    position: absolute; 
    width: 227px; 
    height: 500px; 
} 

.scrolabe_div { 
    position: absolute; 
    width: 100%; 
    top: 50px; /* since the top doesn't change, fix it here */ 
    bottom: 10px; /* set this accordingly, probably 10px */ 
    overflow: auto; 
} 

Answer 2

スクロールのdivからの高さを削除します。

.scrolabe_div { 
    width:100%; 
    overflow:auto; 
} 

を使用すると、計算された値は、親コンテナに関連しているheightまたはwidthをベース割合を指定する場合。 .scrollable_divの高さの定義を削除すると、その内容に関連してheightになります。

Answer 3

あなたのCSSやスタイルからheightを削除するだけです。ブラウザは内部要素の高さをレンダリングして外側要素の長さを決定するので、高さの指定は不要です