@ margin和padding是什么意思？
margin 是外边距 padding是内边距 这两个属性都包括四个部分：上、右、下、左 margin跟padding是很常见的属性，浏览器都兼容的 所以缺点没有， 只是在IE6里 float跟margin并存的时候，有可能margin的值在IE6会被解析双倍，比如margin:5px; 到了IE6解析成margin:10px; 还有很重要的一点，做网站时，整个页面都需要调用的样式表最顶部都要写上margin:0; padding:0; 目的是让这两个属性的值都默认为0； 否则火狐浏览器上会默认padding的值为20px; IE则相反的默认margin为20px; 具体是多少像素偶忘记了 只是给你做个比方
@ box的宽度含margin吗？
不包含，border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。也就是说，如果你将一个元素的width设为100px,那么这100px会包含其它的border和padding，内容区的实际宽度会是width减去border + padding的计算值。设置 box-sizing: border-box; 后，简言之：
盒子的宽度 = border + padding + width。
盒子的高度 = border + padding + height。
@ 什么是盒子模型？
盒子模型本质上是一个盒子，模型定义了盒的每个部分，包括：
外边距、边框、内边距、实际内容 —— 这些合在一起就变成了大家在页面上看到的内容。
完整的盒子模型应用于块级盒子，而内联盒子只使用盒模型中定义的部分内容。
1.Content box：内容区域。
2.Padding box：内边距，内容区域外部的空白区域。
3.Border box：边框，包裹内容和内边距。
4.Margin box：外边距，是盒子和其它元素之间的空白区域。
