【CSS】什么是盒模型

• 概念

　　盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间

 

• 什么是盒模型

1. 一个盒子我们会分成几个部分：内容区(content)、内边距(padding)、边框(border)、外边距(margin)，也就是盒模型的组成由margin，padding，boder，content组成
2. 盒子模型分为标准盒子模型和IE盒子模型

• • 标准盒模型

　　　　　　在标准盒子模型中，width和height指的是content区域的宽和高，增加padding，margin，border不会影响content内的尺寸，但是会增加元素框的总尺寸

 

• •  IE盒子模型

　　　　　　在IE盒子模型中，width和height指的是content+padding+border的宽度和高度