1

すべてのコンテンツを保持するフルページのDIVを作成しようとしていますが、他のdivが画面サイズよりも大きく、自動拡張されない場合は拡張されます。http：//molly.everythingcreative.co.ukでWebサイトを表示できます（申し訳ありません）背景画像のサイズはまだ設定されていないため、ファイルはかなり大きくなります）。私は現在Stickyfooterコードを使用して、DIVを全画面表示のままにしましたが、DIVSのサイズ変更または拡張のいずれかでページの下部にギャップが生じるようです。

#global_main_frame {
    width: 350px;
    height: auto !important;
    min-height: 100%;
    top: 0;
    bottom: 0;
    position: relative;
    padding: 0 50px 0px 50px;
    float: left;
    left: -600px;
    background-color: rgba(0,0,0,0.8);
    z-index: 200;
}

例

<div id="global_main_frame">
<!-- All the other DIV's -->
</div>
4

1 に答える 1

2

ギャップを引き起こしているのは要素のclearfixクラスです。クラスのスタイルルールをに#global_main_frame変更すると、フロートをクリアするためにフルスクリーンdivの下に挿入されたドットが表示されます。visibilityclearfixvisible

ギャップを削除するには、要素にクラスを追加font-size: 0するか、要素からクラスをclearfix削除します（コンテナがbody要素の場合は必要ありません）。clearfix#global_main_frame

于 2012-09-30T20:34:24.303 に答える