在 CSS 中，div 元素的邊框通常被計(jì)算在元素的寬度之外。這意味著，如果一個(gè) div 元素的寬度是 200 像素，邊框的寬度是 2 像素，那么實(shí)際上這個(gè)元素的總寬度是 204 像素。

不過(guò)，CSS 也提供了一個(gè)屬性可以讓元素的邊框計(jì)算在元素的寬度之內(nèi)，這個(gè)屬性就是 box-sizing。通過(guò)設(shè)置 box-sizing 屬性為 border-box，元素的總寬度會(huì)包括邊框的寬度，這樣就可以方便地計(jì)算元素的寬度了。

下面是一個(gè)示例，展示了 box-sizing 屬性的使用：

div {
width: 200px;
height: 100px;
border: 2px solid black;
box-sizing: border-box;
}

這個(gè)示例中的 div 元素有一個(gè)寬度為 200 像素，高度為 100 像素的邊框，邊框的寬度是 2 像素。在 box-sizing 屬性設(shè)置為 border-box 的情況下，這個(gè) div 元素的實(shí)際寬度也是 200 像素，因?yàn)檫吙虻膶挾纫呀?jīng)被計(jì)算在元素的寬度之內(nèi)了。

總的來(lái)說(shuō)，box-sizing 屬性可以方便地管理元素的寬度，特別是在處理響應(yīng)式設(shè)計(jì)時(shí)非常有用，可以讓開(kāi)發(fā)者更加容易地控制元素的尺寸和排版。