把一条线段分割为两部分，使其中一部分与全长之比等于另一部分与这部分之比。其比值是[5^(1/2)-1]/2，取其前三位数字的近似值是0.618。由于按此比例设计的造型十分美丽，因此称为黄金分割，也称为中外比。这是一个十分有趣的数字，我们以0.618来近似，通过简单的计算就可以发现：
1/0.618=1.618
(1-0.61  / 0.618=0.618

这个数值的作用不仅仅体现在诸如绘画、雕塑、音乐、建筑等艺术领域，而且在管理、工程设计等方面也有着不可忽视的作用。

如果细心一些的人会发现，黄金分割无所不在，包括拍张照片人物放在画面的黄金分割点上也是一种很好的构图方法。因此，黄金分割是一种公认最优秀的分割比例。

因此如果以一个950宽度的网页为例。最合适的分割比例其实是。

左侧：950× 0.618 = 587

右侧：950 × 0.382 =363

个人觉得黄金比例分割比栅格化靠谱很多，但是如果是一个门户网站，需要很多的小区块分割的网站，你要考虑倒栅格化的化，即是为了以后再分割考虑的化，那两列的比例也应该是最接近的应该是590像素和360像素。

为什么呢？

590 = 14 × (30+10) + 30

360 = 9 × (30+10)

其实这个比例已经几乎等于黄金分割。因此这样的使用比较好。

同时，黄金分割不仅仅体现在网页的栅格化中,还体现在行高（line-height）上，一个网站的文字怎么样的距离才是最合适阅读的呢？这个是我一个困扰了很久的问题。

结果黄金分割很好的解决了我的问题。用中文最常见的12px宋体和14px宋体为例:
最合适阅读的行高是12像素：12× 1.618=19.4 PX
最合适阅读的行高是14像素：14× 1.618=22.7 PX