盒模型

什么是盒模型？

浏览器渲染html中的元素时，将每一个元素描绘成一个矩形盒子，这些盒子根据一个模型来描述他在页面中的占用空间。这个模型就叫盒模型。其中，每一个元素的大盒子又由margin盒子、border盒子、padding盒子、content盒子组成。

盒模型的分类

盒模型主要分为两种，一种是标准的盒模型，CSS中的width对应着content盒子的宽度，另一种就是被称为怪异盒模型，CSS中的width由盒模型中的border盒子、padding盒子、content盒子的宽度组成。

还有一种比较新的盒模型叫做弹性盒模型，他的目的是为了使内容自适应不同屏幕。