html - divを下部に配置

Question

親div内のフッターとしてdivを配置しようとしています。

<div>
...some content...
<div id='footer'>
<span style='float:left'>Left text</span>
<span style='float:right'>Right text</span>
</div>
</div>

これで、左右の要素は問題ありませんが、フッターdivは、含まれているdivの下部ではなく、コンテンツの下部に位置合わせされます。

しかし、position：absoluteをフッターに配置しようとすると、親のdiv幅の把握が失われるため、左右のスパンが次々に移動します。

score 2 · Accepted Answer

position:relative;コンテナとposition:absolute; bottom:0; height:auto;フッターで使用します。

score 1 · Accepted Answer

あなたがまだ探しているなら、私はあなたがここで求めていると思うことを達成しました：

その自己完結型ファイル、IEすべてのCSSがマークアップとともに存在するため、何が起こっているかを確認できるはずです。

完全な記事はここにあります：

それがあなたに与えるものは、ヘッダー、2つの列とフッターです。

1つの列はナビゲーションに使用され、もう1つの列はメインコンテンツに使用されます。フッターはメインコラムの下部にあります。コンテンツが全画面より少ない場合、フッターは画面の下部に残ります。ただし、画面よりも多くのコンテンツを取得すると、残りのデータとともにスクロールします。

score 1 · Accepted Answer

あなたが探しているのは（私が思うに）粘着性のあるフッターです。良いテクニックについてはこちらをご覧ください：http：//ryanfait.com/sticky-footer/

3 に答える 3