是否可以強制div取屏幕高度

我們使用引導庫進行造型。我們有一個div，我們希望div能夠達到屏幕的高度。我不想設置最小或最大高度。是否可以強制div取屏幕高度

我可以通過javascript設置高度，但我只是好奇，如果我可以強制div通過CSS來獲取屏幕的高度。除了使用媒體查詢之外，我們還有其他選擇嗎？

2015-06-12 SharpCoder

當你說「*屏幕*的高度」你的意思是用戶的顯示器屏幕的高度（用戶是否有他們的瀏覽器全屏幕）還是瀏覽器視圖端口的全高？ –

如果你不是針對舊的瀏覽器，結帳vh http://codepen.io/devtips/pen/XJByvr/ –

@DavidThomas：我的意思是視口。謝謝！！ – SharpCoder

您還可以使用VH。 vh是視口高度。你可以找到更多有關它here

2015-06-12 08:48:27

是不是視口高度？ –

是的，你可以使用position。假設你有div爲.mask：

.mask { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
}

2015-06-12 08:46:48

請檢查這是你想要的。

html, 
 
body { 
 
    height: 100%; 
 
} 
 
div { 
 
    height: 100%; 
 
}

<div> 
 
    <h1> Hello World </h1> 
 
</div>

2015-06-12 08:52:19

嗨，爲了更好的理解，我也給了一個bg顏色。 http://jsfiddle.net/avijitkr/mymj1gfb/2/ –

回答