在開發網頁時，我們經常需要獲取元素的高度來進行布局和樣式的控制。那么，在CSS中，我們怎樣判斷元素的高度呢？
首先可以使用height屬性來設置元素的高度，如下：

p {
height: 100px;
}

這樣，所有的p元素都會顯示為100像素的高度。但是，大多數情況下我們需要獲取元素的高度，而不是設置元素的高度。
對于普通的塊級元素，我們可以使用height屬性獲取元素的高度，如下：

var height = document.querySelector('p').offsetHeight;
console.log(height);

以上代碼獲取了第一個p元素的高度，并將其在控制臺中輸出。
對于使用了浮動或絕對定位的元素，offsetHeight屬性可能無法準確地返回元素的高度。此時，我們可以使用getBoundingClientRect()方法來獲取元素的高度：

var element = document.querySelector('p');
var height = element.getBoundingClientRect().height;
console.log(height);

以上代碼獲取了第一個p元素的高度，并將其在控制臺中輸出。
總結一下，獲取元素高度主要有兩種方法：使用height屬性和getBoundingClientRect()方法。無論哪種方法，都可以在控制臺中輸出元素的高度，以便我們進行下一步的布局和樣式控制。