纯CSS保证两个DIV高度一样

对我逝去的几场面试，抱有缺憾，只能更加努力准备。要有梦想，一定可以找到，加油！
两个并列的div设置他们高度相等：
<div class="wrap">
    <div class="left">
pdjdnnnnnnnnnn<br/>
pdjdnnnnnnnnnn<br/>
pdjdnnnnnnnnnn<br/>
pdjdnnnnnnnnnn<br/>
    </div>
    <div class="right">
right<br/>
    </div>
</div>
css:
.wrap{overflow:hidden;}
.left{width:30%}
.rhght{width:70%}
.left,.right{
float:left;
word-break:break-all;
padding-bottom:2000px;
margin-bottom:-2000px;

}

参考：http://www.cnblogs.com/chengduxiaoc/p/5046797.html