<div id="main">

<div id="left">

我是左边的内容的啦啦啦啦。。。。

我是左边的内容的啦啦啦啦。。。。

我是左边的内容的啦啦啦啦。。。。

我是左边的内容的啦啦啦啦。。。。

我是左边的内容的啦啦啦啦。。。。

</div>

<div id="right">

左边的内容...哈哈哈哈哈

</div>

</div>

<style>

#main{

overflow:hidden;

width:500px;

margin:0 auto;

}

#left{

float:left;

width:390px;

background:#eee;

}

#right{

float:right;

width:100px;

background:#ccc;

}

#left,#right{

margin-bottom:-1000px;

padding-bottom:1000px;

}

</style>

overflow:hidden;

margin-bottom:-1000px;

padding-bottom:1000px;

非常巧妙的利用了 margin 做到了等高布局。只是一个看起来的。实际上高度不相等的。只是隐藏了超出的部分