上一节我们将了美化网页的css，那怎么搭建一个网页的布局呢，我们的小祖宗上线了--div。那div究竟是什么鬼。其实div我们可以把它看成一个盒子，没错就是你双十一剁手买的那些快递的盒子那个样子的。div主要由4部分组成，分别是：margin border padding 和content。哇这都什么鬼啊。
margin是外边距相当于两个快递盒之间的距离。border是边框，相当于快递盒。content是你买的各种各样的东西。而padding就是你买的东西与快递盒之间的距离。说的够通俗易懂了吧。美滋滋给大家来个模型图吧，少废话还不呈上来。
那div的总宽度和总高度改怎么计算呢？
div的总宽度=左margin+左border+左padding+content+右padding+右border+右margin
div的总高度=上margin+上border+上padding+content+下padding+下border+下margin
具体的布局等在后续章节中会一一讲解，现在只需要有个抽象的认识即可。
