让 Table 中的 div 占满整个单元格

<html lang="en">
<head>
  <style>
    table tr {
      height: 1px;
    }

    table tr td {
      height: inherit;
    }

    table tr td div {
      height: 100%;
      background: #ddd;
    }
  </style>
</head>
<body>
  <table>
    <tbody>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>bbbbbbbbbbbbbbbbbbbbbbb</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
      <tr>
        <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
      </tr>
    </tbody>
  </table>
</body>
</html>

varHarrie / varharrie.github.io

让 Table 中的 div 占满整个单元格 #54