如何创建一个延伸到页面底部的div？

Question

如果你注意到twitter的主页有一个div，它总是延伸到页面的底部。我检查了CSS，它看起来像是在哪里使用

min-height:100%

但是，当我在jsfiddle here

中测试时，这不起作用

如何创建一个始终延伸到页面底部的div？

Answer 1

你还需要确保你的身体和html也有100％的身高。

html, body {
  height: 100%;
}

Answer 2

您可以使用height:100%;来实现此目的。另请注意，高度100％需要设置为父容器。在这种情况下html,body { }

如果html,body { }未设置为100％，则内部容器将仅伸展其容器高度的100％。

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

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