CSS如何取得屏幕的高度？

// 獲取當前窗口的高度
var h = document.documentElement.clientHeight || document.body.clientHeight;
// 通過CSS設置元素高度為當前窗口高度
document.getElementById('div').style.height = h + 'px';
// 通過jQuery設置元素高度為當前窗口高度
$(document).ready(function(){
var h = $(window).height();
$('#div').height(h);
});

以上是兩種常見的獲取和設置屏幕高度的方法。

JavaScript中，有兩個屬性可以獲取屏幕的高度：document.documentElement.clientHeight和document.body.clientHeight。前者獲取的是可見區域的高度，后者獲取的是整個文檔的高度。在大部分情況下，我們要獲取的是可見區域的高度。因此，代碼中使用||運算符判斷一下。

設置元素的高度可以通過JavaScript或CSS實現。使用JavaScript時，需要獲取到元素的引用，然后設置style.height屬性即可。使用CSS時，可以通過類或id選擇器選中元素，然后設置height屬性。在代碼中演示了兩種方式。

另外，還可以使用jQuery來獲取和設置元素的高度。使用$(window).height()獲取可見區域的高度，使用$().height()設置元素的高度。代碼中也演示了使用jQuery的方法。