Css盒模型

Css盒模型

盒模型有两种

• 标准盒模型
• IE盒模型

当设置为box-sizing:content-box时，将采用标准模式解析计算，也是默认模式；
当设置为box-sizing:border-box时，将采用怪异模式解析计算；

标准盒模型

Width = 内容宽度(contnet) + padding + border + margin

IE盒模型也叫怪异盒模型(低版本ie)

Width = 内容宽度(contnet + padding + border ) + margin