CSS之盒模型

盒模型有两种类型：标准（W3C）盒模型、IE盒模型，如下图

盒模型包括：content（内容）、padding（内边距）、边框（border）、margin（外边距），

两者区别在于content不同：

标准盒模型width=content=200px，

IE盒模型width=content+padding+border=200px+30px*2+5px*2=270px，

那么问题来了，如何自由切换盒模型呢？很简单的设置css3的box-sizing属性即可，

标准盒模型 box-sizing：content-box；（默认content-box）

IE盒模型：box-sizing：border-box；

啦啦啦，希望可以帮到小伙伴们呦~~