CSS中的border屬性為元素添加邊框，是常用的樣式技巧之一。但是，在將border屬性添加到元素時，經常會遇到一個問題：元素的大小會因為邊框的寬度而發生改變，導致元素不再按照預期的布局排列。這就是border丟失的問題。

為了保持元素的大小不受border屬性的影響，可以使用box-sizing屬性。box-sizing屬性可以控制元素的盒模型的渲染方式，它有兩個可選值：content-box和border-box。

content-box是默認值，它表示元素的大小僅包括元素自身的內容，不包括內邊距和邊框。換句話說，如果給一個元素添加10px的邊框，那么元素的大小會增加10px，從而打破整個布局。

border-box表示元素的大小包括元素的內容、內邊距和邊框的大小。此時，元素的寬度值是包括邊框的，而非邊框內部的內容寬度。這樣，就可以解決因為邊框導致元素大小改變的問題。

.box {
box-sizing: border-box;
width: 200px;
height: 100px;
padding: 20px;
border: 10px solid black;
}

在上面的示例中，元素的大小為200x100px，加上內邊距后大小為240x140px，再加上邊框后大小為260x160px。因為是使用了border-box值，所以元素的寬度和高度的大小不變。

在實際的開發中，使用border-box值可以減少因為樣式變化而導致整個布局崩塌的問題，更好地控制頁面的樣式。