将anchor元素的大小扩展为父表单元格的大小

Question

我基本上有以下几点:

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

假设表格单元格具有一些宽度和高度,由附加的表格单元格和表格标题元素创建.

我需要锚元素扩展到表格单元格的相同宽度和高度,以便您可以单击单元格中的任何位置以进入链接.如何做到这一点,以便它跨浏览器兼容？

说明将表格单元格设置为具有固定的宽度或高度不是有效选项.

Answer 1

将锚的样式设置为:

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