CSS是網頁樣式設計中不可或缺的一部分，是掌握網頁制作的基本技能之一。其中，測量元素高度是常見的需求之一。那么，CSS究竟如何測量高度呢？ 一、使用height屬性 height屬性是測量元素高度的基本屬性。該屬性可以設置元素的高度值，例如： pre { height: 200px; } 上述代碼將pre標簽的高度設置為200像素。需要注意的是，使用height屬性時，必須將盒模型設置為border-box，否則會造成元素高度計算錯誤。例如： pre { height: 200px; box-sizing: border-box; padding: 10px; border: 1px solid #ccc; } 上述代碼實現了一個帶有內邊距和邊框的pre元素，并將高度設置為200像素。 二、使用max-height和min-height屬性 有時候，我們需要讓元素的高度在一個范圍內變化。這時候可以使用max-height和min-height屬性。例如： pre { min-height: 100px; max-height: 200px; } 上述代碼將pre元素高度的最小值設置為100像素，最大值設置為200像素。這樣，pre元素的高度將在100像素到200像素之間變化。 三、使用line-height屬性 另外，我們還可以使用line-height屬性來測量元素的高度。當設定元素的line-height屬性值等于height屬性值時，元素的高度就等于line-height屬性的值。例如： pre { height: 200px; line-height: 200px; } 上述代碼讓pre元素的高度等于200像素，并讓每行文本的高度也等于200像素。 綜上所述，通過使用height、max-height、min-height和line-height等屬性，我們可以輕松測量元素的高度，實現各種網頁樣式的設計需求。