css - DIV 的 Width & Height CSS 样式与其容器表格列相同

Question

我想自动将 div 的宽度和高度值设置为与表格的单元格相同。

表格列<td>将是动态宽度和高度。

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

比方说，

<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 必须是可点击的，您可以<a>在 div 内附加一个具有以下样式的标签

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

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