CSS问题（表格列的高度）

Question

<div class="panel_content" ng-controller ="TableCtrl">
  <table summary="A table listing various other formats for this product">
    <thead>
      <tr>
          <th scope="col"></th>
          <th scope="col" class="site amount"><span>B</span></th>
          <th scope="col" class="market_place amount"><spanC</span></th>
          <th scope="col" class="market_place amount"><span>D</span></th>
          <th scope="col" class="market_place amount"><span></span></th>
          <th scope="col" class="market_place amount"><span></span></th>
      </tr>
    </thead>
    <tbody>
      <tr class="active">
        <th scope="col"><a href="#">Hardcover</a></th>
        <td scope="col" class="site amount"><span>R&nbsp;300.00</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;334.99</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;269.99</span></td>
        <td scope="col" class="market_place amount"><span>E</span></td>
        <td scope="col" class="market_place amount"><span>D</span></td>
      </tr>
      <tr>
        <th scope="col"><a href="#">Paperback</a></th>
        <td scope="col" class="site amount"><span>R&nbsp;150.00</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;169.99</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;119.99</span></td>
        <td scope="col" class="market_place amount"><span>E</span></td>
        <td scope="col" class="market_place amount"><span>D</span></td>
      </tr>
      <tr>
        <th scope="col"><a href="#">Audio, CD, Audiobook, Unabridged</a></th>
        <td scope="col" class="site amount"><span>R&nbsp;80.00</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;89.00</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;60.00</span></td>
        <td scope="col" class="market_place amount"><span>E</span></td>
        <td scope="col" class="market_place amount"><span>D</span></td>
      </tr>
      <tr>
        <th scope="col"><a href="#">Unknown Binding</a></th>
        <td scope="col" class="site amount"><span>R&nbsp;50.00</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;50.00</span></td>
        <td scope="col" class="market_place amount"><span>R&nbsp;50.00</span></td>
        <td scope="col" class="market_place amount"><span>E</span></td>
        <td scope="col" class="market_place amount"><span>D</span></td>
      </tr>
    </tbody>
  </table>
</div>

我最近从UX Designer获得了一个视觉设计我的任务是将这个VD转换成html文件。我分别在设置B C和D列的CSS方面遇到了困难。 如何相对于A列增加B C D列的高度。

以下是Visual Design

的快照