CSS占頁面的高100%是網(wǎng)頁設計中常見的一種效果，它可以讓一個元素充滿整個網(wǎng)頁的高度，讓頁面看起來更加美觀、整潔。下面是使用CSS實現(xiàn)占據(jù)頁面高度100%的方法。

html, body {
height: 100%;
margin: 0;
padding: 0;
}
.element {
height: 100%;
}

以上代碼中，我們設置了html和body元素的高度和寬度均為100%，并去除了它們的外邊距和內(nèi)邊距。這里需要注意，如果不去除外邊距和內(nèi)邊距，這些影響會影響到我們所設置的100%高度。

接下來，我們設置需要占據(jù)100%高度的元素的高度為100%，這樣就能夠讓該元素充滿整個網(wǎng)頁的高度了。

如果需要設置一個盒子占據(jù)頁面的高度100%，而同時包含其他元素，則可以將這些元素設置為絕對定位，如下代碼所示：

.box {
position: relative;
height: 100%;
}
.box-child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

以上代碼中，我們設置了一個具有相對定位的父元素和一個絕對定位的子元素。子元素通過設置top，bottom，left和right的值為0，占據(jù)了整個父元素的空間，并以此實現(xiàn)了子元素與父元素相同高度的效果。

當然，CSS占據(jù)頁面高度100%的實現(xiàn)方法有很多，上面列出的只是其中一種。在實際項目中，可以根據(jù)需要選擇適合自己的方法，以達到最佳效果。