css盒模型

盒模型

盒模型分为IE盒模型（boder-box）和W3C标准盒模型(content-box)。

那么它们俩是什么，区别在于哪？

IE盒模型

• content-box "内容盒子" 就是内容是盒子的边界。
• 属性width，height只包含内存content，不包含别的。

W3C标准盒模型

• border-box "边框盒子" 就是边框才是盒子的边界。
• 属性width，height包含border和padding，即content+padding+border

如下图所示