我们日常生活中的盒子大概见了不少了，且都为六面体，也就是说是立体的。
那么它到底跟我们学习CSS里面的盒子模型到底有些啥区别呢，之前看过不少的书，千篇一律的一句话代过，讲的也不太细，或者是讲的非细但我没细心去看去体会
今天便来研究下它
a.CSS中盒子模型是平面的，并非立体，所以它只能算是个矩形，正方形，长方形都行
这个矩形的上下左右边就是四个border,四条边的外面便是它的四个margin,里面是四个padding,
四个padding夹着当前盒子里所放的内容，也就是content.
这上、下、左、右四个border,margin,padding大小均可变化，想要多大随便你自己写