CSS3樣式高度

CSS3提供了許多新的樣式屬性，其中包括高度（height）樣式屬性。使用height屬性可以控制元素的高度。在CSS3中，height屬性值可以被設置為以下的值：

1. 固定值：

可以將height屬性值設置為固定的像素值、em值或rem值來指定元素的高度。例如：

div {
height: 200px;
}

2. 百分比值：

CSS3的height屬性可以被設置為百分比值。這個值將被相對于父元素的高度來解釋。例如：

div {
height: 50%;
}

3. 自動值：

在某些情況下，元素的高度可能由瀏覽器自動計算。可以將height屬性設置為“auto”來讓瀏覽器自動計算高度。例如：

div {
height: auto;
}

需要注意的是，如果元素的內容超出了其指定的高度，則內容將溢出并覆蓋在它下面的元素上。可以使用“overflow”屬性來設置當元素的高度不能容納元素的內容時如何處理內容。

div {
height: 100px;
overflow: scroll; 
}

這里的“overflow”屬性值為“scroll”可以使元素產生滾動條：

總結：

CSS3的height屬性可以通過固定值、百分比和自動值來設置元素的高度。當元素的高度不能容納其內容時，可以使用“overflow”屬性來設置內容的處理方式。