html/css：將div邊界框設置爲窗口高度

它看起來像我缺少一些基本的東西。我想要某個DIV具有窗口的高度。效果應該是沒有任何需要向下滾動。html/css：將div邊界框設置爲窗口高度

我必須使用JavaScript嗎？我被告知可能用CSS，但我找不到相關的屬性 - 或者我做錯了什麼。

來源

2010-05-25 noamtm

我必須使用JavaScript嗎？我是告訴它可能與CSS，但我無法找到相關的屬性 - 或我做錯了什麼。

JavaScript是要走的路，你不能用css確定winodow大小，並根據窗口大小重新計算。

來源

2010-05-25 06:46:37 Sarfraz

呃，他可以，如果維度是基於百分比，而不是px。 – annakata 2010-05-25 06:53:33

這是使用方法：

body { 
    margin:0; 
    padding:0; 
    height:100%; /* this is the key! */ 
} 

.yourDivStyle { 
    ... 
    height: 100%; 
}

來源

2010-05-25 06:49:36 Strelok

這不起作用。如果它是身體的直接孩子，這將使DIV具有與身體相同的尺寸。請記住，html正文與窗口高度不一樣。 Javascript是去這裏的路。 – Pablo 2010-05-25 06:54:32

@Pablo，那麼解決方案是什麼？ – user1736947 2014-06-02 17:34:18

-1

好了，在Javascript中（不是jQuery的或任何東西）：

<html> 
<head> 
<script type="text/javascript"> 
<!-- 

var sWidth; 
var sHeight; 


if (typeof window.innerWidth != 'undefined') 
{ 
     sWidth = window.innerWidth, 
     sHeight = window.innerHeight 
} else if (typeof document.documentElement != 'undefined' 
    && typeof document.documentElement.clientWidth != 
    'undefined' && document.documentElement.clientWidth != 0) 
{ 
     sWidth = document.documentElement.clientWidth, 
     sHeight = document.documentElement.clientHeight 
} else 
{ 
     sWidth = document.getElementsByTagName('body')[0].clientWidth, 
     sHeight = document.getElementsByTagName('body')[0].clientHeight 
} 
//VARIABLES STORED IN sWidth AND sHeight 
document.write('<div style="height: '+sHeight+'; width: '+sWidth+';">CONTENT</div>'); 
//--> 
</script> 
</head> 
<body> 

</body> 
</html>

很明顯，你可以寫在div出來seperately^_^

來源

2010-05-25 08:20:51

如果你想關閉滾動，使用這個CSS：

html, body 
{ 
overflow: hidden; 
}

但現在請記住內容不會滾動 - 您可以將溢出：自動或溢出：如果您需要滾動，請在各個div上滾動。

如果您使用Javascript，請確保註冊onresize事件，以便在窗口大小調整時更改數字。

來源

2010-05-25 08:27:46 hood

使所有父母都有height: 100%;或使用position: absolute /* or fixed */; left: 0; top: 0; width: 100%; height: 100%;。

來源

2010-05-25 09:06:50 reisio

html/css：將div邊界框設置爲窗口高度

回答

相關問題