CSS Box Model
Интерактивное демо «CSS Box Model» — раздел Энциклопедия · Данные и разметка.
Блочная модель CSS
Ползунки меняют слои; снизу — итоговая ширина элемента
content
Итого по горизонтали: margin×2 + border×2 + padding×2 + content = 24+8+32+120 = 184px
При content-box width относится только к области content.