利用margin实现等高布局

 
<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;