一个div是一个矩形，为了方便控制div的效果，我们推荐把div理解成“一个木头盒子”
分析现实中的情况：
一个盒子：有边框(边框有多厚？用像素自定义)
盒子内部的内容，离边框内部有多远的距离，还是说可以贴着内边框放置？
内容离内边框的距离叫做内边距
盒子本身有一个大小：宽和高
盒子与盒子之间可以保持距离：外边距
宽：width
高：height
边框：border
内边距：padding
外边距：margin
盒模型的深入探讨：
1个盒子在页面上到底占多大的空间？
答：width和height是指允许写内容区域的大小，也就是说Padding往里的内容。
一个盒子本身有多大？
水平：左边框+左内边距+内容宽度+右内边距+右边框
竖直：上边框+上内边距+高度+下内边距+下边框
一个盒子要占据多少空间？
水平：左外边距+左边框+左内边距+内容宽度+右内边距+右边框+右外边距
竖直：上外边距+上边框+上内边距+高度+下内边距+下边框+下外边距
/**
燕十八 公益PHP培训
课堂地址:YY频道88354001
学习社区:www.zixue.it
**/
