將div設置爲瀏覽器窗口的高度

Question

我有2個div，一個在另一個之上，我希望它們都是瀏覽器窗口的100％寬度和高度，同時仍然保持它們在文檔中的順序。

此刻，你可以看到我剛剛添加了一個內聯樣式來給出500px的高度，以便它們可見。

相關的代碼迄今可以在這裏找到：

http://fiddle.jshell.net/pY6dc/9/

我很新，所以你可能需要解釋嚴重深入淺出的事情。我知道我可能需要某種形式的javascript才能實現這一點，甚至不知道從哪裏開始。

克里斯做到這一點在JavaScript

Answer 1

方式一：

$(".slide").height($(window).height()); 

它能做什麼是選擇一類幻燈片的所有元素，然後設置其高度與窗戶高度。

更新小提琴：here

但基本上我假設你可以連接jQuery的你自己，一旦你做，你可以用很多方式註冊窗口加載功能，最簡單的方法是在腳本標籤（更合適的方式是在你的文檔頭）。

---

<script type='text/javascript'> 
    $(window).load(function(){ 
     $(".slide").height($(window).height()); 
    }); 
</script>