如何使div占据一个html表格单元格的100%高度，而该单元格不'；你没有固定的TD高度吗？

我有一个html表格，在一个单元格中有一个div

<td>
      <div class=content>some content</div>
</td>
<td>
      <div class=content>some content<br/>some content<br/>some content<br/></div>
</td>

---

但这似乎没有改变任何事情。

高度是动态属性，它根据内容应用。因此，不能将其设置为百分比。但若父级高度是固定的，那个么子级可以具有以百分比表示的高度属性。在这里，设置一些td的静态高度，以便可以使用div height（以百分比表示）。

可能是因为您没有在class属性中使用

引号

这是我的密码

<table>
  <tr>
    <td>
      <div >some content</div>
</td>
<td>
      <div>some content<br/>some content<br/>some content<br/></div>
</td>
  </tr>
</table>


一些内容
一些内容
一些内容
一些内容


在这里结账
希望它有帮助
不要将背景应用于content div，而是应用于td cell本身

td {
    background-color: cornflowerblue;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
    box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
    padding: 5px;
}

我还应用了inset box shadow，这是在元素（在本例中为单元格）内应用边框的替代方法，正如您在注释中提到的，您的content div也有边框

有，但是不存在纯CSS解决方案。为什么不将背景色应用于td单元格？@Mr_Green-现在我在div周围有一个边框（不是td）因此，这看起来很有趣，但我同意我可以将我的css作为一个工具使用solution@leora将背景应用于td，并使用框阴影插入使td内部看起来像边框。问题是td的高度会根据隐藏和显示中间的一些内容而动态变化，因此我希望避免td的硬编码高度。我基本上希望div是TD高度的100%，无论当前高度是什么。可能吗？
td {
    background-color: cornflowerblue;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
    box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
    padding: 5px;
}