css - コンテンツが短い場合にブラウザの下部にフッターを強制するための最新の手法は何ですか?

Question

Ryan Fait のテクニックについて言及している場所をいくつか見つけました: http://ryanfait.com/sticky-footer/

そして、これも見つけました：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

しかし、コードが検証されたとしても、どちらも時代遅れでハッキーに見えます。最新のブラウザーで動作する、より単純なものはありますか?

Answer 1

これは、ラッパーを追加する必要がなく、IE8 を含むすべてのブラウザーで機能するスティッキー フッターを作成するためのよりクリーンな方法です。

html {
 position: relative;
 min-height: 100%;
}

body {
 margin: 0 0 110px; /* bottom = footer height + margin of the footer */
}

footer {
 position: absolute;
 left: 0;
 bottom: 0;
 margin-top:10px;
 height: 100px;
 width: 100%;
}