网页左右两边元素高度自适应,两个元素高度一致，一面高度跟随另一面的高度变化而变化

HTML 结构
<div class="all"> 
      <div class="left">  </div>
      <div class="right"> </div>
</div>
css 样式部分
.all{overflow: hidden  清除浮动....}
.left{
      200px;
      backgourndColor:red;
      float:left;
      overflow: hidden;
      margin-bottom: -10000px
      padding-bottom: 10000px;
}
right{
	 500px;
	height: 700px;
	float: left;
	background-color: blue;
	overflow: hidden;
	margin-bottom: -10000px;
	padding-bottom: 10000px; 
}