我有一个很大的问题，强制变量列表大小，以适应容器。下面是示例：

<h3>Limit childs heights to div container </h3>
<div style="height: 200px; display: flex; background-color: #ff0">
  <table style="height: 100%;">
    <tr style="height: 100%;">
      <td style="height: 100%; border: 1px solid rgba(127, 127, 127, 1);">
        <div style="height: 100%; border: 1px solid rgba(255, 0, 0, 1);">
          <ul id="list1" style="list-style-type: none; margin: 1px; overflow-y: scroll;">
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
            <li>Div 1</li>
          </ul>
        </div>
      </td>
      <td style="border: 1px solid rgba(255, 0, 0, 1);">
        <div style="height: 100%;">
          <ul id="list2" style="list-style-type: none; margin: 1px; overflow-y: scroll;">
            <li>Div 2</li>
            <li>Div 2</li>
            <li>Div 2</li>
            <li>Div 2</li>
          </ul>
        </div>
      </td>
      <td style="border: 1px solid rgba(255, 0, 0, 1);">
        <div style="height: 100%;">
          <ul id="list3" style="list-style-type: none; margin: 1px; overflow-y: scroll;">
            <li>Div 3</li>
            <li>Div 3</li>
          </ul>
        </div>
      </td>
    </tr>
  </table>
</div>

字符串
'List1'高于'div'的高度，但我没有成功地将其放入div高度限制。

的数据
如何强制第一个列表适合有限高度的div？
最好的问候。