標準のスティッキーフッターを実行しようとしていますが、高さが不明です。ページのコンテンツが背後に移動しないようにするにはどうすればよいですか?
CSS
#nav {
padding: 20px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
HTML
<p>Some contents (...)</p>
<div id="nav">Navigation</div>
JSFIDDLE
(複数のスティッキー フッター ソリューションがあることは知っていますが、すべてが時代遅れであるか、クロス ブラウザー互換ではないようです。css3 はどうですか?)