CSS3是當前最新的CSS版本。與CSS2相比，它提供了更多新的屬性和功能，能夠讓我們更方便的設計網頁。其中，設置高度是CSS3中的一個基本的樣式屬性，下面我們來學習一下如何使用CSS3設置元素的高度。

在CSS3中，設置元素的高度有以下幾種方法：

/* 方法一：使用height屬性設置固定高度 */
div {
height: 300px;
}
/* 方法二：使用min-height屬性設置最小高度 */
div {
min-height: 200px;
}
/* 方法三：使用max-height屬性設置最大高度 */
div {
max-height: 500px;
}
/* 方法四：使用vh單位設置相對于視口高度的高度 */
div {
height: 50vh;
}
/* 方法五：使用calc()函數結合單位計算高度 */
div {
height: calc(100% - 50px);
}

通過上面的代碼可以看到，我們可以分別使用height、min-height、max-height屬性來設置元素的高度。其中，height設置的是固定的像素值，min-height和max-height分別設置的是最小和最大高度，可以隨著內容的增減而變化。

另外，在CSS3中，我們還可以使用vh單位來設置相對于視口高度的高度。例如，height: 50vh表示元素的高度為視口高度的一半。而且，我們也可以使用calc()函數結合單位來計算元素的高度，非常靈活實用。

以上就是CSS3中設置元素高度的幾種方法，我們可以根據具體情況選擇不同的方法來設置元素高度，當然也可以結合使用，讓網頁效果更加豐富多樣。