在進行網頁開發的過程中，我們時常需要設置一個div的高度為全屏，以達到更好的用戶體驗。具體實現方式如下：

div {
height: 100vh; /*vh為視窗高度單位，表示容器高度為視窗高度的100%*/
}

其中，vh代表視窗高度單位，是CSS3新增的一個單位，它表示容器高度為視窗高度的百分比。因此，我們可以通過設置div的高度為100vh，從而實現整個容器充滿整個屏幕的效果。

需要注意的是，100vh只能以像素為單位，代表整個視口的高度，不能用于IE8及以下版本，但可以用于現代瀏覽器。

有時候，我們需要通過JS腳本來實現整個容器充滿整個屏幕。這時，需要注意的是在容器中設置了margin或padding時，需要在JS腳本中將其清空，以保證效果的正確性。具體實現方式如下：

var container = document.getElementById('container');
container.style.height = window.innerHeight + 'px'; /*window.innerHeight為視口高度*/
container.style.margin = 0; /*清除margin*/
container.style.padding = 0; /*清除padding*/

隨著移動設備的普及，全屏的設計越來越受到開發者的青睞。因此，了解如何設置div高度為全屏是非常重要的。