盒子模型

标准的盒模型：

一个 css 盒子从外到内可以分成四个部分：margin（外边距），border （边框），padding（内边距），content（内容）。默认情况下，盒子的 width 和 height 属性只是设置 content（内容）的宽和高， 盒子真正的宽应该是：内容宽度+左右填充+左右边距+左右边框，即 margin + border + padding + content

 

怪异盒模型：

在这个模式下的盒子width（content+border+padding）+margin