如何让内层的table撑满空间？

Question

不改变table-layout: fixed;情况下，
如何让里面的table innerTable自动撑满空间？

https://codepen.io/779102260/...

Answer 1

innerTable 的父级 div：display: flex，
innerTable：flex-grow: 1

Answer 2

.innerTable{width:100%;}
colspan为啥设置999？就2个td设那么大

<section>
  <table class="wrapTable" border="1" cellspacing="0">
    <tr>
      <td colspan="2">ooo</td>
    </tr>
    <tr>
      <td>
        <div>
          <table class="innerTable" border="1" cellspacing="0">
            <tr>
              <td colspan="2"><input type="" name=""></td>
            </tr>
            <tr>
              <td>1</td>
              <td>22222</td>
            </tr>
            <tr>
              <td>1</td>
              <td>22222</td>
            </tr>
          </table>
        </div>
      </td>
      <td>
        2
      </td>
    </tr>
    <tr>
      <td>
        1111111111111111111111111111111111111111
      </td>
      <td>
        2
      </td>
    </tr>
  </table>
</section>

  table {
    table-layout: fixed;
  }
  .innerTable{width:100%}
  .section {
    width: 600px;
  }