如何讓div進入全屏？

Question

這裏有兩個站點http://mpremarks.com和http://thegravity.net/supernova/

第一位的功能的圖像沒有全屏，而第二的特色形象。

一個第二個站點上的div有一個類forcefullwidth_wrapper_tp_banner以下參數：

position: relative; 
width: 100%; 
height: auto; 
margin-top: 0px; 
margin-bottom: 0px 

如果刪除這個類的第二個網站的特色圖片將成爲同第一個的。所以我想如果我只是將這些參數添加到第一個網站上的div，我會得到相同的結果。它沒有發生。我嘗試了很多CSS技巧，但他們沒有幫助。所以我想我需要一些JS。請幫我弄清楚這一點。謝謝！

Answer 1

嘗試使用jQuery方法$(window).width()和$(window).height()來獲取瀏覽器的尺寸。然後將這些尺寸應用於您的div：$('div.someClass').width($(window).width())和$('div.someClass').height($(window).height())。

Answer 2

的CSS更改爲

position: absolute; 
left: 0; 
right: 0; 
top: 0; 
bottom: 0;