ページについて、
を説明します。 リーリー1 つの方法は、負(fù)のマージン上部と正のパディング下部を使用することであることはわかっていますが、十分な柔軟性が感じられません。
これを達(dá)成する良い方法はありますか?
これが私の答えです:
Pure css
私は主にモバイル側(cè)で使用しているため、互換性があるはずです....
https://jsfiddle.net/BoomBang...
古い IE との互換性は考慮されていません:
フレックス レイアウト + ラッパーの最小高さはビューポート/ウィンドウの高さです。
古いIEと互換性を持たせるには:
JavaScript
固定サイズの CSS トリック。
コンテンツ領(lǐng)域に min-height
屬性,讓其有一個(gè)最小高度,其值可以是固定的(如:1280px),亦可以通過 js 來動(dòng)態(tài)設(shè)置(如:$('.content').css('min-height', window.innerHeight)
) を設(shè)定すると、コンテンツが少ない場(chǎng)合、コンテンツ領(lǐng)域がウィンドウ全體に表示され、フッター 構(gòu)造が畫面の外に表示されます (下部、スクロールが表示されます)。