CSS中不計(jì)算border寬度是指當(dāng)我們設(shè)置一個(gè)元素的寬度或高度時(shí)，CSS不會包括元素的邊框?qū)挾取１热纾?/p>

div {
width: 100px;
height: 100px;
border: 2px solid red;
}

上面的代碼中，我們設(shè)置了一個(gè)div元素的寬高都是100px，并且添加了2px的紅色邊框。實(shí)際上這個(gè)元素的寬度是104px（100px寬度 + 2px左邊框 + 2px右邊框）。

如果我們希望實(shí)際寬度就是100px，可以使用CSS3中的box-sizing屬性：

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

使用border-box屬性會告訴CSS將元素的寬度和高度包括邊框和內(nèi)邊距在內(nèi)進(jìn)行計(jì)算，最終的寬度仍是100px。而默認(rèn)的content-box屬性則不會將邊框?qū)挾扔?jì)入寬度的計(jì)算中。

因此，當(dāng)我們在設(shè)計(jì)界面時(shí)要格外留意元素的邊框?qū)挾龋员苊鈱挾纫绯龌蛭催_(dá)到預(yù)期效果。