HTML - 占剩余页面高度 100% 的 div

Question

请看以下内容:http://jsfiddle.net/ran5000/uZ7dD/

header div 的高度固定为 40px，我希望 content div 将使用屏幕的剩余高度而无需滚动且无论屏幕高度如何。

有什么想法吗？

Answer 1

我通常为此使用position:absolute，然后将top 值设置为从header 的底部开始。 http://jsfiddle.net/uZ7dD/4/

.content {
    background-color: yellow;
    position:absolute; 
    top:40px; bottom:0; left:0; right:0;
}