html - ページの下部まで拡張するdivを作成するにはどうすればよいですか？

Question

Twitterのメインページには、常にページの下部まで拡張されるdivがあります。CSSを調べたところ、使用している場所のように見えました

min-height:100%

ただし、ここでjsfiddleでテストした場合、これは機能しませんでした

常にページの下部まで拡張するdivを作成するにはどうすればよいですか？

Answer 1

また、ボディとHTMLの高さも100％にする必要があります。

html, body {
  height: 100%;
}

Answer 2

これは、を使用して実現できますheight:100%;。また、高さ100％を親コンテナに設定する必要があることに注意してください。この場合html,body { }

が100％に設定されていない場合html,body { }、内部のコンテナはコンテナの高さの100％しか伸びません。

http://jsfiddle.net/z5qVh/2/

 html,body {
        height:100%;
    }
    #all{
        height: 100%;
        background: #ff0000;
    }