在CSS中，我們經常需要定義一個元素的寬度，但是如果想讓元素的寬度為其父元素寬度的一半，該怎么辦呢？

一個簡單的做法是使用CSS中的百分比單位來設置寬度。例如：

.parent {
width: 800px;
}
.child {
width: 50%;
}

在上面的代碼中，一個父元素的寬度被設置為800像素，而子元素的寬度被設置為其父元素寬度的一半，也就是400像素。

然而，如果我們不知道父元素的具體寬度，而是想讓子元素始終是父元素寬度的一半，該怎么辦呢？

這時候，我們可以使用CSS中的calc()函數。該函數可以對值進行加、減、乘、除的計算，甚至可以與單位一起使用。

.parent {
width: 50%;
}
.child {
width: calc(50% - 20px);
}

在上面的代碼中，父元素的寬度被設置為其父元素寬度的一半，而子元素的寬度被設置為父元素寬度的一半減去20像素。

使用calc()函數計算寬度可以幫助我們更精確地控制元素的尺寸和布局，特別是在響應式設計中。