HTML的盒子模型

HTML的盒子类型有两种

一种是默认的w3c的盒子模型:其中标签元素的宽度width等于border(边框)的宽度+padding(内边距)的宽度+content(内容)的宽度，元素的高度height等于border(边框)的高度+padding(内边距的高度)+content(内容)的高度

另一种是IE的盒子模型:其中标签元素的宽度width等于content(内容)的宽度,高度height等于(content)高度,边框的宽高度和内边距的宽高度不会改变标签元素的实制的宽高度

w3c的盒子模型是默认的标准盒子类型

如果想改变盒子类型可以通过box-sizing: border-box;改为IE的盒子模型

通过box-sizing: content-box; 改为w3c的盒子模型