CSS3中的flex布局（Flexible Box Layout）是一種靈活而強大的布局方式，可以在不同尺寸和設備上自動調整元素的排列方式。其中，flex布局的一個重要屬性就是高度屬性。

.container {
display: flex;
height: 300px;    /* 設置容器高度 */
}
.item {
flex: 1;    /* 設置彈性元素的比例 */
}

在以上代碼中，容器高度設置為300px，具有flex屬性的元素可自適應容器高度。如果容器沒有設置高度，則flex元素將會根據內容的高度自動調整高度。

另外，flex元素的高度也可以通過max-height和min-height屬性進行控制。例如：

.item {
flex: 1;
max-height: 150px;    /* 元素最大高度 */
min-height: 50px;    /* 元素最小高度 */
}

以上代碼中，彈性元素的高度將會在50px和150px之間自適應調整。

需要注意的是，在設置flex元素的高度時，必須保證各個元素都擁有相同的flex屬性值，否則會出現布局錯亂的情況。例如：

.item {
flex: 1;    /* 正確的設置方式 */
}
.item2 {
flex: 2;    /* 錯誤的設置方式 */
}

在以上代碼中，item和item2元素的flex屬性值不同，會導致元素之間的相對大小失衡。

除此之外，還可以通過align-self屬性來單獨控制某個元素的高度特性：

.item3 {
align-self: flex-start;    /* 元素頂部對齊 */
flex: 1;
}

以上代碼中，item3元素擁有flex屬性為1，但是通過align-self屬性控制元素頂部與容器頂部對齊。

總而言之，CSS3的flex布局將成為未來Web布局的主流方式，靈活而易用。而高度屬性的設置也是其中重要的一環，善于使用高度屬性將能夠更好地應對不同尺寸設備的多彩世界！