Изменение ширины блока в зависимости от высоты другого

.b1 { 
  z-index: 1; 
  position: relative; 
  background-color: #0000ff; 
  width: 30%; 
  float: left; 
  height: 30px 
} 
 
.b2 DIV { 
  position: relative; 
  overflow: hidden; 
  background-color: #ff0000 
} 
 
.b3 DIV { 
  position: relative; 
  overflow: hidden; 
  background-color: #00ff00 
}

   <div class="b1">блок 1</div> 
<div class="b2"> 
  <div>блок 2</div> 
</div> 
<div class="b3"> 
  <div>блок 3</div> 
</div>