css - ページを下にスクロールするときにdivが100％の高さを更新しませんか？

Question

divを設定しheight:100%;て配置position:absoluteしましたが、すべて正常に機能しますが、divのコンテンツによってページから外れて強制的にスクロールされた場合、divは高さを更新しません。

問題を示すjsfiddleを作成しましたhttp://jsfiddle.net/jw8Qc/3/

Answer 1

heightプロパティをに設定するautoか、使用min-height: autoしてみてください。機能するはずです。

注：しかし、min-heightプロパティでは、その互換性についてはよくわかりません。

min-heightまた、ここでIE特に 問題があると思いますIE 9。

編集：

.slide-out {
   position:absolute; 
   top:0; 
   left:155px; 
   width:375px; 
}

.slide-cont {
   background:#000;
   margin:20px;
   height: auto;
}

Answer 2

height：100％の代わりにmin-height：100％を使用してみてください

Answer 3

.slide-out {position：absolute; top：0; 左：155px; 幅：375px; } .slide-cont {background：＃000; マージン：20px; 高さ：自動; }