CSS邊框不占寬高是很重要的，因為邊框使得頁面更加美觀。
但有些開發者可能會困惑：為什么我的邊框加了以后，容器的寬高卻不同了？這其實是由于邊框默認占據了一定的空間造成的。

那么怎么才能讓邊框不占據寬高呢？我們可以使用CSS的box-sizing屬性，將其設置為border-box即可。

.container {
width: 500px;
height: 300px;
padding: 20px;
border: 1px solid black;
box-sizing: border-box;
}

這樣設置以后，容器的寬高將不再受到邊框的影響，而是將邊框的寬度和內邊距的寬度計算在內。

還有一點需要注意的是，不同的元素的默認box-sizing屬性可能不同，所以在設置時需要注意。如一些表單元素的默認屬性為content-box，需要手動調整為border-box。

總之，掌握CSS邊框不占據寬高的方法可以讓我們更加自由地控制頁面布局，為用戶提供更好的視覺體驗。