CSS 是網站設計中的重要組成部分，其中包括元素的位置、字體樣式、顏色、大小等。CSS 的層次結構（layers）在網站設計中非常重要，可以使頁面更具結構，更易于閱讀。在運用 CSS 設計頁面時，我們可以使用百分比來設置層的高度。以下是 CSS 設置層高度為百分比的方法：

.layer {
height: 100%;
}

在上述代碼中，我們使用了 .layer 類來設置層的高度。并在類中使用了 height: 100%，這個百分比表示層的高度等于其父元素的高度。這里需要注意，height: 100% 只有在父元素具有固定高度時才有效。

我們也可以寫出下面這樣的代碼：

html,
body {
height: 100%;
}
.layer {
height: 50%;
}

在這個例子中，我們使用了兩個 CSS 類。首先在 html 和 body 標簽中設置了 height: 100%，這個百分比表示整個頁面的高度。然后在 .layer 類中使用 height: 50%，這個百分比表示 .layer 層的高度等于整個頁面高度的一半。這樣就可以將 .layer 層設置為占據整個頁面高度的一半了。

總的來說，在網站設計中，CSS 的層次結構是非常重要的。通過使用百分比來設置層的高度，我們不僅可以使層具有更好的結構，還可以讓頁面更易于閱讀，從而為用戶帶來更好的體驗。