在CSS中，有時我們需要確定一個盒子的確切高度，特別是在使用圖片的時候。但是，CSS是無法自動獲取圖片的高度的，所以我們需要使用一些技巧來確定盒子的高度。

一種解決方法是在HTML中指定圖片的高度。例如：

<img src="example.jpg" alt="example" height="300">

在這個例子中，我們用height屬性指定了圖片的高度為300像素。我們可以通過這種方法來確定盒子的高度，如下所示：

.box {
height: 300px;
}

這種方法是比較簡單的，但是如果我們需要在不同的設備上展示圖片，那么就需要為每個設備設置不同的高度，比較麻煩。

另一種方法是使用CSS的偽元素:before和:after來實現。我們可以在偽元素中添加圖片，并通過CSS樣式來控制偽元素的高度，進而確定盒子的高度。例如：

.box:before {
content: "";
display: block;
background-image: url(example.jpg);
background-size: cover;
padding-top: 75%;
}
.box {
position: relative;
height: 0;
}

在這個例子中，我們首先創建了一個:before偽元素，并將其顯示為塊級元素。然后在偽元素中添加了我們需要的圖片，并通過padding-top屬性將偽元素的高度設置為75%。通過設置.box的position為relative，我們可以讓盒子相對定位，并將盒子的高度設置為0。這樣，我們就可以通過:before偽元素來確定盒子的高度了。

總之，我們可以通過HTML中指定圖片的高度或者使用CSS的偽元素來確定盒子的高度。選擇哪種方法取決于具體的頁面需求。