div与窗口高度的精确高度

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

的Jquery：

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

一个非常简单的代码，但不是为我工作。

我也曾尝试（相同的结果）：

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

2013-09-21 Tom Groot

你的小提琴没有包括jquery库，http://jsfiddle.net/k7b2y/1/ –

它给它的窗口高度的100％，但您的HTML，身体也有默认边距/垫衬由浏览器本身你必须重新设置他们有没有

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

然而，如果你是想它总有高度时，像调整窗口大小等，你还需要设置HTML /体具有100％的高度，并在div有100％的高度以及

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

2013-09-21 17:28:14

但为什么不显示一个div？该div仍然没有高度。 –

我提供的小提琴显示灰色的div，如果你看着你提供的小提琴你没有包含导致你的javascript部分失败并且没有设置高度的jquery库。 –

如果包含jquery库，那么仍然没有div？你看到div了吗？ –

试试这个：

body { 
    margin:0 auto; 
}

2013-09-21 17:37:08

我没有看到div。我的浏览器设置有可能是错误的吗？你看到div了吗？ –

是的，我可以看到Div。尝试不同的浏览器 –

它适用于Chrome浏览器，但不适用于Internet Explorer ...我希望它在所有浏览器中都可见，为什么它不适用于IE？ –

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

2013-09-21 17:58:17

回答