CSS遮罩層是一種常見的Web開發技術，可以將一個元素覆蓋在另一個元素之上，并阻止用戶與下面的元素進行交互。在設計模態框、彈出式菜單、提示框和其他用戶界面元素時，遮罩層是非常有用的。

通常情況下，我們希望遮罩層的高度可以覆蓋整個頁面，以確保用戶無法與頁面下面的元素交互。在CSS中，我們可以使用如下的代碼實現遮罩層的高度100%：

.overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
z-index:9999;
}

以上代碼中，我們首先將遮罩層的定位方式設置為fixed，這樣遮罩層將不會跟隨頁面滾動而移動。然后，我們設置了遮罩層的top值、left值、寬度和高度，以確保其覆蓋整個頁面。接下來，我們使用了CSS3中的rgba函數來設置遮罩層的背景顏色，它是一種半透明的黑色。最后，我們設置了遮罩層的z-index值，確保它位于其他元素之上。

當我們使用以上代碼創建遮罩層時，它將始終填滿整個頁面，無論用戶如何滾動或調整瀏覽器窗口大小。這是因為我們將遮罩層的高度設置為了100%，從而實現了完全覆蓋頁面的效果。