1.盒子模型的作用：盒子模型是一个盒子，封装了周围的html元素。允许我们将元素放置在其他元素和周围元素边界的空间内。2.Composition:Margin:相邻两个盒子的margin会被折叠起来，可以是负值。border:padding:实际内容:百分比是相对于父容器内容框的宽度，百分比宽度只在包含块的高度不依赖于元素时生效*IE盒模型和W3C盒model在计算总宽度时有一些差异W3Cboxmodel:width=content.width;heigth=content.heigthIE盒子模型：width=content.width+border+margin；height=content.height+margin+borderCSS3引入了box-sizing属性，允许改变默认的CSS盒模型来计算元素的宽高content-box：浏览器定义屏幕宽高的默认方法element会在width和height属性值上加上borderwidth和paddingthickness来决定标签的屏幕高度和宽度应包括填充作为值的一部分。border-box：包含边框宽度和填充厚度作为宽度和高度的一部分。
