盒子模型

盒子的构成：由 margin border padding content 组成

盒子分为 边框盒子和内容盒子；

谷歌默认为内容盒子；ie 默认为边框盒子。

边框盒子：宽度和高度决定了盒子自身的大小，不管边框和padding怎么变化，盒子的总大小不变。内容为设置的长度减去边框和padding的长度。

内容盒子：内容宽度不变，添加padding和边框都会使盒子的大小增加。 我们一般使用边框盒子，使用方便，也为了兼容低版本ie浏览器。