若一個CSS盒模型(Box model)的內部(Content)寬為100px，Margin為5px、Padding為6px、Border為7px，請問該盒模型的寬為多少?
A110px
B122px
C126px正確答案
D136px
答案與詳解
C
正確答案
CSS盒模型本體寬度=Content+左右Padding+左右Border，外距(Margin)不計入盒子尺寸。
為什麼答案是 C
正解！盒子本體寬 = Content(100) + 左右Padding(12) + 左右Border(14) = 126px。
考點：計算錯誤考點：盒模型寬度考點：範圍誤導
載入中…
完整詳解
Pro · 無限重點 CSS盒模型本體寬度=Content+左右Padding+左右Border，外距(Margin)不計入盒子尺寸。
秒殺技巧
秒解：100 + (6+7)×2 = 126px。切記Margin是外距，不屬於盒子本體，千萬別加進去！逐選項分析
A計算錯誤✕
計算錯誤，可能是漏乘2或加錯數值，不符合任何標準盒模型計算邏輯。
B計算錯誤✕
計算錯誤，可能是將單側數值直接相加而未考慮左右兩側，邏輯有誤。
C盒模型寬度✓ 正確
正解！盒子本體寬 = Content(100) + 左右Padding(12) + 左右Border(14) = 126px。
D範圍誤導✕ 陷阱
陷阱！136px是加上左右Margin(10)的「總佔用空間」，但Margin不屬於盒子本體寬度。
CSS 盒模型(Box Model)組成
| 要素 | 英文 | 計入本體寬度 | 說明 |
|---|---|---|---|
| 內容 | Content | 是 | 元素的實際內容區域 |
| 內距 | Padding | 是 | 內容與邊框間的空白 |
| 邊框 | Border | 是 | 盒子的邊界線粗細 |
| 外距 | Margin | 否 | 盒子與外部元素的距離 |
陷阱提醒
考生極易將「外距(Margin)」誤認為盒模型的一部分而加總算出136px(D選項)。請死記：Margin是「盒子外面」的距離，絕對不屬於盒子本身的尺寸！