css - 将 anchor 元素的大小扩展到父表单元格的大小

Question

我基本上有以下几点:

<table>
  <thead>
    <tr>
      <th>Header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <a href="..."></a>
      </td>
    </tr>
  </tbody>
</table>

假设表格单元格有一定的宽度和高度，由额外的表格单元格和表格标题元素创建。

我需要将该 anchor 元素扩展到与表格单元格相同的宽度和高度，以便您可以单击单元格内的任意位置以访问链接。如何做到这一点才能使其跨浏览器兼容？

澄清将表格单元格设置为固定宽度或高度不是有效选项。

Answer 1

设置 anchor 样式为:

 style="display: block; height: 100%; width:100%;"