实现盒子高度撑开，而且以最高的为高

DOM结构代码如下

    <div id="main">
        <div id="left">
            <ul>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
            </ul>
        </div>
        <div id="right">
            <ul>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
                <li>bbb</li>
            </ul>
        </div>
    </div>

CSS代码如下

ul{list-style: none;}
#main{width: 600px;border: 1px solid red;overflow: hidden;zoom:1;}
#left{background: #09c;float: left;width: 50%;padding-bottom: 9000px;margin-bottom: -9000px;}
#right{background: green;float: left;width: 50%;padding-bottom: 9000px;margin-bottom: -9000px;}

实现效果如下图