下图是根据效果图，画的盒子模型。
每一个矩形都是一个div，先把边框显示出来，再往div里面塞内容，再灵活使用html+css，就可以完成下面的效果图的网页布局。
（1）盒子模型图。
（2）效果图
HTML+CSS 中的盒子模型
原文：http://www.cnblogs.com/xiaobudong/p/6683569.html
