等高布局的三种方法

等高布局一：

以三栏登高布局为例，第一栏宽30%，第二栏宽40%，第三栏宽30%。
1 几栏就写几个容器，分别为爷爷，爸爸，儿子的关系（暂时宽度都设置为100%）。
2 使用相对定位，把爸爸向左侧移动30%，漏出爷爷的30%。
3 使用相对定位，把儿子向左侧移动40%，漏出爸爸的40%。
4 在儿子里面写左中右三栏，给此三栏设置浮动，让他们在同一行显示。
5 使用相对定位，把第三栏定位到和爷爷漏出的部分重叠到一起
6 使用相对定位，把第二栏定位到和爸爸漏出的部分重叠到一起
7 使用相对定位，把第一栏定位到和儿子漏出的部分重叠到一起
8 由于左中右三栏浮动，所以儿子高度为0，需要清除浮动。可以用float:left.给爸爸也设置float:left清浮动。给爷爷设置overflow:hidden清浮动.

注意：三栏等高，指的是儿子，爸爸，爷爷等高。

等高布局二：

利用padding，margin互怼的方法
仍旧以三栏等高布局为例子
1 给三栏设置同样的padding-bottom:9999px;
2 给三栏设置同样的margin-bottom:-9999px; (二者互为相反数)
3 给三栏的父元素设置overflow:hhidden清除浮动。同时也溢出隐藏。

注意：

给左栏加边框的时候，border:10px solid #000.
左上右三边的边框没有问题，
可