CSS中設置邊框加長可以使用border-box或者box-sizing屬性，這兩個屬性的原理是一樣的，都是改變盒子模型的計算方式，讓邊框不再撐開盒子。

/* 原始盒子模型，寬度會被邊框撐開 */
.box {
	width: 200px;
	padding: 20px;
	border: 1px solid black;
}

使用border-box或者box-sizing屬性，就可以讓邊框不再撐開盒子，從而實現邊框加長的效果：

/* 設置box-sizing屬性為border-box */
.box {
	width: 200px;
	padding: 20px;
	border: 1px solid black;
	box-sizing: border-box;
}

還可以使用偽元素before或者after來實現邊框加長的效果。方法是將偽元素的寬度設置為100%，然后再設置邊框的大小。

/* 通過偽元素實現邊框加長 */
.box {
	position: relative;
	padding: 20px;
}
.box:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid black;
	box-sizing: border-box;
	z-index: -1;
}

使用以上方法可以很容易地實現邊框加長的效果。