Question

css盒子模型中盒子的高度和宽度是否包含margin的

即盒子的宽度=margin-left+border-left+padding-left+width+padding-right+border-right+margin-right的还是盒子的宽度=border-left+padding-left+width+padding-right+border-right的呢？

Answer 1

第二个是正确的

上图~

width:628px;height:24px; 

实线是盒子的尺寸 包括 border-width padding width/height 

margin是盒子外边距

Answer 2

虽然margin不是盒子宽度 但却占用 像素
也就是说只要你给盒子设置了margin 这个盒子就好多占出margin的位置
实际上也算是盒子的宽度了

Answer 3

第二个 正确

margin 是外边距边框外的区域 ，padding 是内边距也就是边框内的区域