簡單的HTML/CSS的問題 - 高度和屏幕分辨率

Question

我需要使div有一定的高度，它有一個重複的圖像，我希望它佔用整個屏幕，無論用戶屏幕分辨率是什麼。高度自動取決於內容，所以我需要使用JavaScript來實現我的目標？或者我可以使用「明確：都是」的東西。它的屬性爲了總是將div伸展到底部？我真的很想避免使用JavaScript。

Answer 1

只要父容器（如bodyhtml或）具有100% height，則div也應該。所以

html, body{ 
    height:100%; 
} 
div{ 
    height:100%; 
    width:100%; 
    border:1px solid red; 
} 

例子：http://jsfiddle.net/jasongennaro/Jm8Mt/

當然，你的div將有一個class ...例子是作秀

Answer 2

給予div 100％的高度和寬度將使其佔據整個窗口。

#fullscreen { 
height:100%; 
width:100%; 
}