標準盒模型（w3c盒模型）

在標準盒模型中，元素的width和height只包括內容區域，不包括內邊距、邊框、外邊距。也就是元素的實際寬高是內容區域加上內邊距、邊框、外邊距。

例如：一個元素的寬度設置為100px，內邊距為10px，邊框為5px，那么該元素的實際寬度將是130px（100 + 10*2 + 5*2）

怪異盒模型（IE盒模型）

怪異盒模型與標準盒模型不同，它的width和height屬性不僅包括內容區域，還包括內邊距和邊框，但不包括外邊距。這意味著，如果你設置了相同的width和height，在怪異盒模型中，內容區域會比在標準盒模型中小，因為內邊距和邊框也被包含在內。在怪異模式下，一個塊的總寬度等于width加上margin（左右），其中width已經包含了padding和border值。