若一個CSS盒模型（Box model）的內部（Content）寬為100px，Margin為10px、Padding為10px、Border為5px，請問該盒模型的寬為多少？
A120px
B130px正確答案
C140px
D150px
答案與詳解
B
正確答案
CSS標準盒模型寬度等於Content加左右Padding與Border，不含外部Margin，故為100+20+10=130px。
為什麼答案是 B
正確答案。盒模型寬度包含Content(100)、左右Padding(20)與左右Border(10)，總和為130px。
考點：計算錯誤考點：盒模型寬度考點：總佔用空間
載入中…
完整詳解
Pro · 無限重點 CSS標準盒模型寬度等於Content加左右Padding與Border，不含外部Margin，故為100+20+10=130px。
秒殺技巧
秒解口訣：盒寬不含Margin！公式：Content + (Padding+Border)×2 = 100 + (10+5)×2 = 130px。逐選項分析
A計算錯誤✕
僅計算Content加單邊數值或漏算Border，不符合標準盒模型的雙邊加總計算邏輯。
B盒模型寬度✓ 正確
正確答案。盒模型寬度包含Content(100)、左右Padding(20)與左右Border(10)，總和為130px。
C計算錯誤✕
計算邏輯有誤，可能是將單邊數值錯誤倍乘或重複計算，無法對應任何標準盒模型公式。
D總佔用空間✕ 陷阱
這是包含Margin的「總佔用空間」(150px)。但Margin是盒子外部的透明間距，不屬於盒模型本身的寬度。
CSS 標準盒模型 (Box Model) 寬度計算
| 組成部分 | 單邊數值 | 雙邊總和 | 計入盒模型寬度 |
|---|---|---|---|
| Content | 100px | 100px | 是 (核心) |
| Padding | 10px | 20px | 是 (內距) |
| Border | 5px | 10px | 是 (邊框) |
| Margin | 10px | 20px | 否 (外距) |
陷阱提醒
考生常將「Margin(外距)」誤認為盒模型的一部分而加總(誤選D)。請牢記Margin是盒子外部的透明間距，不屬於盒子本身的實體寬度！