CSS雕虫小技：八卦五行布图法介绍

首先，让我们抛弃我们使用绝对位置的习惯，理由是：

1.相对位置不便记忆：
绝对位置都是一些数字标示，非常难记，相对位置是个有限集合，而绝对位置有无限的状态。

2.绝对位置不便适应需求的变更：
比如我们一个小图片，最初是 18*18，于是，我们布图的时候，间隔为20.
但是后来开发了一套大图标皮肤，小图标的大小变成21*21，溢出了。。。,改吧，慢慢改吧，我们有的是时间。。。

3.相对位置在编辑的时候也比较麻烦：
而相对位置，你可能只要打开你的布局管理器，轻轻点击几下对齐图标。
如果有一些小调整，绝对位置布局的时候，我们要小心的计算出新的布局位置，更新文档，更新相关代码，通知相关工程师。。。。

4.增加沟通成本：
因为相对位置的无穷性，我们无法给数值表示的相对位置赋予通用的适合的语意，无穷的状态我们需要依赖无穷的文档。

（我们估计没有这种文档，一旦需要调整，打电话问吧，希望你能找对人。。。）。

而相对位置，只有有限的状态，我们可以清晰的给出位置的约定语意。文档的最高境界也就是不需要文档。

5.糟糕的自适应性：
这点不必解释，绝对布图法根本就不具备这一特征。

LZ 讲的两个位置把我搞的头晕，拜托LZ把相关字修改下好吗？