既存の固定レイアウトを「流動的」に変換中です。
2 つの問題があります。
大量のデータが
#content
含まれていると、ビューポート全体に拡大され、下部に余白を設ける方法が見つかりません。を追加すると
#content
高さが「ゆるい」ように見えます。これは、 に配置する必要があります。I need (blue border) to fill and needs to fill .position:relative;
#content
#topgradient
#test
#content
#content
#contentwrapper
私はうまく機能する既存の固定レイアウトを持っていますheight: auto; min-height: 100%;
.divを追加/変更した後に問題が始まりました。
http://jsfiddle.net/bQeu3/2/ (コンテンツを変更するには、白い領域 ( ) をクリックします)#content
問題 1 の最適なソリューションは次のようになります。
問題 2 の最適なソリューションは次のようになります。
あなたが助けてくれることを願っていますか?