我最初接到一张设计图的时候总会很无措，不知道如何将它实现出来，或者是很匆忙而慌乱的就开始了我的工作，之后再因为适配的问题苦恼。事实证明，这种毫无规划的行为是很愚蠢的。所以，引出了一个关键词：布局。
网页的布局通常可以分为一列布局，二列布局，三列布局，混合布局。布局之间可以嵌套，而我们就是要将网页的布局划分出来，再运用我们的html和css的知识将其呈现。划分的基本准则一般为自顶向下，从左向右。胸有成竹之后再去完成编码工作就好很多了。
在划分布局的过程中，需要注意的问题有：
1、注意适配，在决定这么实现的时候想好适配方案
2、用尽量少的标签，这样有利于网站性能
布局的方法有很多：块级标签可以实现一列布局，实现多列布局可以使用弹性布局，浮动，定位+margin等。
原文：http://www.cnblogs.com/jiumengmeng/p/7596780.html