冰剑'blog

三列布局，网上已经很多很多了！
例如：射雕的双飞翼布局（http://lifesinger.org/blog/2008/11/pe-layout-1/ ）（http://lifesinger.org/blog/2008/11/pe-layout-2/ ）
他里面已经讨论了很多，可以看上面的链接！

这里主要说一下等高，等高也有很多的方法，比如
1.padding-bottom,margin-bottom，王子童鞋说这个有一些问题。
2.还有背景，这个就不说了
3.js
今天主要说一下js的，是一个朋友给我的代码：

<br/><script type="text/javascript"><br/>document.getElementById('content').style.height=document.getElementById('side').style.height=document.getElementById('extra').style.height=Math.max(document.getElementById('content').scrollHeight,document.getElementById('side').scrollHeight,document.getElementById('extra').scrollHeight)+'px';// JavaScript Document<br/></script><br/>

其实想想也很简单，计算机三列中最大值，然后让三列相等！用到js中Math.max函数，来计算里面参数的最大值。
看例子（用的射雕的双飞翼布局）：
http://www.xunzou.com/demo/3column.html