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

回答