在CSS中，有一種盒模型被稱為怪異盒模型。和標準盒模型不同的是，它將元素的邊框寬度和內邊距寬度都計算入了元素的總寬度。這種模型是在IE5中引入的，也被 IE 直到 IE8 所采用。由于獨立于W3C標準，因此被稱為“怪異盒模型”。

.box {
width: 200px; 
height: 100px; 
padding: 20px; 
border: 10px solid black; 
box-sizing: border-box; /* 強制規定使用標準盒模型 */
}

在使用怪異盒模型的情況下，內部內容盒的寬度是由元素自身寬度減去 border 和 padding 所計算出來的。這意味著我們需要額外的計算才能得到正確的尺寸和布局。但是，我們可以使用CSS3的box-sizing屬性將元素強制規定為使用標準盒模型。 為避免混淆和兼容性問題，建議大家在開發時都使用標準盒模型，這樣可以更方便地處理元素的尺寸和布局，并且不需要花費額外的計算代價。