CSS----实现div两列（左/右）等高

<style type="text/css">
 *{ margin:0; padding:0;}

.con{ overflow:hidden; width:980px;}

.con:after{ display:block; visibility:hidden; font-size:0; line-height:0; clear:both; content:"";}

.con .l,.con.r{margin-bottom:-9999px; padding-bottom:9999px;}
.con .l{ width:660px; float:left;}

.con .r{ width:300; float:right;}

</style>

html

<div>

   <div class='con'>

         <div class='l'>llllllllllllllllllllll</div>

         <div class='r'>rrrrrrrrrrrrrrrrrrr</div>

  </div>

</div>