Html 将img高度调整到表格的第二个单元格，该单元格具有动态高度

第一个单元格包含一个具有100%宽度和动态高度的图像。 我在第二个单元格中有微缩模型，每个微缩模型都应该得到第二个单元格动态高度的33%

<div style="display: table; width: 50%; height: auto;">
  <div style="display: table-cell; background: red; width: 70%;">
      <img src="IMG_15052014_112112.png" style="width: 100%;">
  </div>        
  <div style="display: table-cell; background: blue; width: 30%;">
    <img src="IMG_15052014_112112.png" style="height: 33%;">
    <img src="IMG_15052014_112112.png" style="height: 33%;">
    <img src="IMG_15052014_112112.png" style="height: 33%;">        
  </div>
</div>

---

我怎样才能做到这一点呢？

如果使用table，则可以垂直跨越表格行

<table>
   <tr>
       <td rowspan="3"><img src="IMG_15052014_112112.png" alt="" /></td>
       <td><img src="IMG_15052014_112112.png" alt="" /></td>
   </tr>
   <tr>
       <td><img src="IMG_15052014_112112.png" alt="" /></td>
   </tr>
   <tr>
       <td><img src="IMG_15052014_112112.png" alt="" /></td>
   </tr>
</table>

---

谢谢你的帮助。你的答案几乎是好的，但我有ng重复在角度为分钟图像。