概念
对一个文档进行布局的时候,游览器引擎根据标准之一的css基础框盒模型,将所有元素表示为一个个矩形的盒子,CSS盒子模型本质上就是一个盒子,封装周围的HTML元素。
组成
它包括外边距(margin)、边框(border)、内边距(padding)、实际内容(content)四个属性,分为标准模型和IE模型
两种盒子模型
标准模型的高度和宽度只是内容的宽高度,不包含padding和margin
IE模型的宽高包含padding和border
设置盒子模型
标准盒子模型:box-sizing:content-box
IE盒子模型:box-sizing:border-box