什么是CSS盒模型
css的元素都可以被看成是一个盒子,这就叫盒模型。
一般情况下盒模型由margin border padding content组成。
![图源:langmanboy 盒模型详解](https://i-blog.csdnimg.cn/blog_migrate/7198c2eeb2fd14424b72b96c9dbb0a66.png#pic_center)
盒模型的两种类型
盒模型分为标准盒模型和IE盒模型两种。
标准盒模型(默认)的width和height是content的宽高
而IE盒模型的width和height是content + padding + border的宽高
box-sizing
box-sizing是指盒模型的类型
标准盒模型box-sizing:content-box
IE盒模型box-sizing:border-box