相关疑难解决方法(0)

这个问题的答案需要更新,因为浏览器已经改变

原始问题

我已经浏览了StackOverflow上的几篇帖子,但未能找到这个相当简单的问题的答案.

我有一个像这样的HTML结构:

<table>
  <tr>
    <td class="thatSetsABackground">
      <div class="thatSetsABackgroundWithAnIcon">
        <dl>
          <dt>yada
          </dt>
          <dd>yada
          </dd>
        </dl>
      <div>
    </td>
    <td class="thatSetsABackground">
      <div class="thatSetsABackgroundWithAnIcon">
        <dl>
          <dt>yada
          </dt>
          <dd>yada
          </dd>
        </dl>
      <div>
    </td>
  </tr>
</table>

我需要的是div填充的高度td,所以我可以将div的背景(图标)定位在右下角td.

你怎么建议我去那？

我写这个问题是为了巩固该网站上的多个类似问题，并最终得到该问题的正确的是或否答案。一些现有的答案被错误地标记为正确，而实际上它们无法正常工作。

已阅读相关问题。

• 高度：<div> 内的 <div> 为 100%，显示：表格单元格
• 使用表格单元格中的 css 使内部 div 高度为 100%
• td 内的全高 div
• 表格单元格中的 DIV 拉伸至高度 100%
• 让 div 占据整个单元格高度
• 如何让<div>填充<td>高度

给出以下标记：

<div class="equal-height">
    <div class="col-50">
        <div class="cell-fill">
            ...
        </div>
    </div>
    <div class="col-50">
        <div class="cell-fill">
            ...
        </div>
    </div>
</div>

在以下浏览器中，是否可以仅使用 CSS 使cell-fill具有该类的 div跨越其容器高度的 100% ？