在進(jìn)行網(wǎng)頁開發(fā)時，我們常常需要通過設(shè)置邊框來美化頁面。然而在某些情況下，我們會發(fā)現(xiàn)使用CSS中的外邊框?qū)傩詿o法改變元素邊框的樣式。

/* 無法設(shè)置邊框樣式的CSS代碼 */
div {
border: 5px solid black;
padding: 20px;
}

這時，我們可能會想到可能是其他CSS屬性的影響導(dǎo)致無法設(shè)置邊框樣式。實(shí)際上，CSS外邊框無法設(shè)置是由于元素的box-sizing屬性引起的。

/* 設(shè)置box-sizing屬性的CSS代碼 */
div {
border: 5px solid black;
padding: 20px;
box-sizing: border-box;
}

box-sizing屬性有兩個取值：content-box和border-box。默認(rèn)情況下，元素的box-sizing取值為content-box，即元素的尺寸不包含內(nèi)邊距和邊框。這意味著我們在設(shè)置元素邊框時，元素尺寸會增加邊框?qū)挾鹊拇笮。瑥亩鴮?dǎo)致文檔流發(fā)生改變。因此，我們無法通過CSS外邊框?qū)傩栽O(shè)置邊框樣式。

而當(dāng)我們將box-sizing屬性的值設(shè)置為border-box時，元素的尺寸會包含內(nèi)邊距和邊框。這樣，我們就能夠通過外邊框?qū)傩詠砜刂圃氐倪吙驑邮剑粫绊懳臋n流。

總之，CSS外邊框無法設(shè)置的原因是因?yàn)閎ox-sizing屬性的取值為content-box。只需將其改為border-box，就可以使用外邊框?qū)傩栽O(shè)置元素的邊框樣式。