DIV的宽度和宽度高度CSS样式与其容器表列相同

Question

我想设置一个div的宽度＆amp;高度值自动与表格的单元格相同。

表格列<td>将是动态宽度＆amp;高度。

  

目的：用户必须单击表格的每个单元格。

让我们说，

<table>
  <tr>
    <td> <-------- dynamic width & height
      <commandLink>
        <div> <---------- I cannot click this <div> as link, can you provide me?
          //nod ata
        </div>
      </commandlink>
    </td>
  </tr>
</table>

Answer 1

只需申请

td div {
   width: 100%;
   height : 100%;
}

但您需要指定td元素的高度。

无论如何，默认情况下，div已经适合整个宽度，因此height: 100%就足够了。

如果您的div必须是可点击的，您可以使用以下样式在div中附加<a>标记

td div#your-id a {
   display : block;
   width: 100%;
   height : 100%;
}

或者您通过JavaScript将onclick事件的处理程序附加到div。