html - コンテナーの高さに関係なく、画面の下部に固定されるフッターを作成するにはどうすればよいですか?

Question

私はこれを理解できないようです。コンテナの高さや画面サイズに関係なく、ページの下部に表示したいフッターがあります。一部の大きな画面では、背景がページの一番下までスクロールし、フッターが中央にあり、通常の 13 インチ 17 インチ画面では問題ないようです。

CSS:

#container {
background-color: #ffffff;
min-height: 320px;
margin: 100px auto;
width: 960px;
max-width: 100%;
}
#footer {
background-color: #FFFFFF;
width: 100%;
height: 50px;
position:absolute;
margin-top: 140px;
}

Answer 1

これで始められるはずです：

http://twitter.github.io/bootstrap/examples/sticky-footer.html

設定しているようです

min-height: 100%
height: auto !important

メイン コンテンツ セクションで、その後にフッター要素を追加します。