在CSS中設置高度是非常重要的一種屬性。在很多情況下，我們希望元素的高度能夠占據整個屏幕的10%，并且在不同的設備上都能夠完美的展示，這時我們就可以使用如下的代碼：

height: 10vh;

這里的"vh"表示"視窗高度"，即指元素高度占據整個視口高度的百分比。這樣設置的好處是可以在屏幕大小改變時自動適應，不需要像"px"或"em"一般需要手動調整。比如，在一個移動設備上，屏幕高度較小，那么一個元素如果只設置高度為100px，則可能會導致內容被截斷；而如果設置為10vh，則會更加的自適應，在不同的設備上都能夠完美的展示。

然而，需要注意的是，如果要實現一個100%高的父容器，其子元素占據父容器的10%高度，這時我們需要使用如下的代碼：

.container {
height: 100vh;
}
.child {
height: 10%;
}

這里的".container"表示父級容器，而".child"表示子元素。如果只設置".child"的高度為10vh，則可能會導致元素高度超出父容器，因為子元素的高度是相對于父容器來設置的，所以需要保證父元素的高度占據整個視窗高度。