问题
我们用css做双栏的方法，一般是通过边栏float: right，
或者position: absolute; right: 0; top: 0来实现的。
但是这样存在一个问题，如果左右栏的底色不一样以及他们高度不一致， 会显示出来底下区块的颜色。那么底下区块应该用左栏的背景色，还是用右栏的背景色就很难说了， 因为如果用左栏颜色，右栏高度不够的时候颜色不对；用右栏颜色，左栏高度不够的时候颜色不对。
如图所示：
那么我们应该怎么解决这个问题呢？解法很巧妙，采用下面的布局：
继承关系：
1 2 3 4 5 | |
这样，L2的高度是L3l和L3r中长的那个的高度， L3都透明，左栏的底色设置在L2上面，右栏的底色设置在L1上面， 这样无论左右栏的高度如何变化，左右栏的颜色都是正确的。
示例代码如下：