将确切高度划分为窗口高度

Question

使用jquery，div必须具有与访问者的屏幕高度（100％）完全相同的高度。

Jquery的：

$(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，正文也有浏览器本身的默认边距/填充你必须重置它们没有

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

Fiddle

如果您希望它在窗口调整大小等时始终具有高度，您还需要将html / body设置为100％高度，并且div也要具有100％高度

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

Fiddle

Answer 2

试试这个：

在这里小提琴：http://jsfiddle.net/k7b2y/6/

body {
    margin:0 auto;
}

Answer 3

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