jquery - ウィンドウの高さとして div の正確な高さ

Question

div は、jquery を使用して、訪問者のスクリーンの高さ (100%) と正確な高さを持つ必要があります。

Jクエリ:

$(document).ready(function(){
    var height = $(window).height();
    $('.bg').height(height);
});

非常に単純なコードですが、私にはうまくいきません。

http://jsfiddle.net/k7b2y/

私も試しました（同じ結果）：

$(document).ready(function(){
    var height = $(window).height();
    $('.bg').css('height', height);
});

Answer 1

それはウィンドウの高さの100％を与えていますが、html、bodyにはブラウザ自体によるデフォルトのマージン/パディングもあり、それらをリセットして何も持たないようにする必要があります

html,body {
    padding:0px;
    margin:0px;    
}

フィドル

ただし、ウィンドウのサイズ変更などのときに常に高さを持ちたい場合は、html/body の高さを 100% に設定し、div の高さも 100% に設定する必要があります。

html,body {
    padding:0px;
    margin:0px; 
    height:100%;
}
.bg {
    background-color: #333;
    width: 100px;
    height:100%;
}

フィドル

Answer 2

body {padding:0px;margin:0px;}
.bg {width: 100%;height:100%;}

Answer 3

これを試して：

ここでフィドル: http://jsfiddle.net/k7b2y/6/

body {
    margin:0 auto;
}