css - この要素が一番下に配置されていないのはなぜですか?

Question

<footer>コード内の要素がページの一番下に配置されていない理由がわかりません。

ここにフィドルがあります：

http://jsfiddle.net/Kd5Xx/

フッターとその親の両方の位置を設定し、特定の高さも指定しました。HTML と本文は高さ: 100% に設定されています。

では、なぜこれが機能しないのでしょうか。

Answer 1

position:absolute; にする必要があります。http://jsfiddle.net/Kd5Xx/1/

footer {
    position:absolute;
}