作为程序员想必都知道网页排版是一件非常重要的事情，错误或非常复杂的排版，更容易使网页报错。其实排版的风格主要还是取决于个人，所以此文章只供参考，不喜勿喷。
上面第一张图是一张已经完成了的网页图，对于这张图我们可以对它进行排版，先用一个大的盒子包裹住整个页面，在它的里面再给一个盒子包裹住此页面的背景，然后在背景盒子中再进行细分，一个大盒子包裹四个小盒子。第二张图就是已经排好了的图。
当然你如果还想再分细一点，大概就如下图
在那四个小盒子中再进行细分，不过本人建议最好不要再进行细分了，以为这样的出错概率反而更高，看图，一眼看出密密麻麻的，头都大了，分的太多一不小心就会包裹错误，而且出错，盒子太多，也不太好找，我认为最好的办法还是按照上面第二张图那样分。
再来看下面这张图
废话不多说，看第二张图，先用一个盒子把整个页面包裹住，然后在里面用另一个盒子包裹“YOUKU”再用一个盒子把搜索框包裹住，最后用一个大盒子包裹住五个小盒子即可。
根据上面两个案例，总结就是如果有图片最好单独包裹一个盒子中。