CSS是前端開發中非常重要的技能之一，在CSS中有很多需要我們掌握的知識點。今天我們將要學習的是如何計算div高度為寬度的一半。

.example {
width: 200px;
height: calc(100% / 2);
}

上面的代碼使用了calc()函數，這個函數可以計算兩個值之間的表達式。在上述代碼中，我們將height設定為calc(100% / 2)，也就是當前父元素高度的一半。這樣就能保證div的高度始終為其寬度的一半了。

需要注意的是，使用calc()函數計算的值需要在兩側添加空格，以便避免語法錯誤。

除了使用calc()函數，我們還可以使用padding的方式來實現這一效果，代碼如下：

.example {
width: 200px;
padding-top: 50%;
}

上面的代碼中，我們將padding-top設為50%，這樣就可以讓div的高度為其寬度的一半了。

總結一下，以上兩種方式都可以實現div高度為寬度的一半，大家可以根據自己的需求進行選擇。