HTML盒子模型


概念

对一个文档进行布局的时候,游览器引擎根据标准之一的css基础框盒模型,将所有元素表示为一个个矩形的盒子,CSS盒子模型本质上就是一个盒子,封装周围的HTML元素。

组成

它包括外边距(margin)、边框(border)、内边距(padding)、实际内容(content)四个属性,分为标准模型和IE模型

两种盒子模型

标准模型的高度和宽度只是内容的宽高度,不包含padding和margin
IE模型的宽高包含padding和border
设置盒子模型
标准盒子模型:box-sizing:content-box
IE盒子模型:box-sizing:border-box


文章作者: me
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 me !