css盒模型

盒模型使用box-sizing属性控制

盒模型分两种一种是标准盒模型（content-box），一种是IE盒模型（border-box）

默认情况下为标准盒模型，元素的宽度与高度计算方式如下：

标准盒

=宽高(width/height)+padding(内边距)+border(边框)+margin(外边距)

IE盒模型也叫怪异盒模型，符合人的习惯认知：

IE盒

=宽高(width/height)+margin(外边距)

=padding(内边距)+border(边框)+content(内容)+margin(外边距)

两种盒模型各有利弊，需要分情况使用