div层高度设置的问题!!

我想实现这样的功能

<div id="all">

  <div id="left" style="width:20%;float:left;">
  </div>

  <div id="right style="width:80%;float:left;">
  </div>

</div>
我想实现这样的功能:
  left和right套在all里面,一个在左一个在右
  right的高度根据内容变化,高度不确定
那么
怎么让left和right变的一样高,right多长left就多长???????谢谢各位

高度值在载入时确定的话
window.onload=function(){
  left.style.height=right.offsetHeight+"px";
};