如果是拿到一个已经设计好的网页，首先肯定是要布局。在最初学习html时，完全没有这个概念，做到哪儿才开始布局哪儿，这样有个弊端太多，有时做到后面部分不用定位都没法做出来，大家都知道要是用了太多定位，页面后期维护或者局部修改，很难。所以拿到一个设计好的初稿，首先把局布好，然后才开始编写每部分的代码。这样在后面不会因外许多小的主键而影响页面和编写代码的速度。
最先我布局几乎都是用纯div，这样不太好，因为div属于块级元素，这样难免会用到漂或者定位，后来知道CSS中display有个 inline-block（让块元素设置为内联对象）后，就这样就少用漂和定位去布局了。这个属性也会有问题，当在里面加入内容后，有时会出现不按照上面对齐。所以一般就用vertical-align: middle;来解决。当遇到那种网页大致内容呈现出一列，一列时，一般都会用吗ul>li来布局，这样会很容易的在里面加内容！
在没有学习其他网页布局时，目前我只会用div、ul加css来进行网页的初步布局！原文：http://www.cnblogs.com/liubooklin/p/3918263.html