div里面嵌套table，div高度如何随着table增加行而自适应增加高度

div里面嵌套table,table通过按钮可以实现增加行，如何把外层div高度随着table增加行而自适应增加高度，使用了 height:auto;但是没有用

不限制高度，给个overflow试试？

可以尝试使用以下方法：

1. 将外层div的高度设置为100%或者一个固定值，例如：

<div style="height: 100%;">
  <table>
    ...
  </table>
</div>

2. 将table的高度设置为100%或者一个固定值，并将其放置在一个div中，例如：

<div>
  <table style="height: 100%;">
    ...
  </table>
</div>

3. 使用JavaScript监听table的行数变化，并动态设置外层div的高度，例如：

<div id="myDiv">
  <table>
    ...
  </table>
</div>

<script>
  var table = document.querySelector('table');
  var div = document.querySelector('#myDiv');
  
  function updateDivHeight() {
    div.style.height = table.offsetHeight + 'px';
  }
  
  // 监听table的行数变化
  table.addEventListener('DOMNodeInserted', updateDivHeight);
  table.addEventListener('DOMNodeRemoved', updateDivHeight);
</script>

这样，当table增加或删除行时，外层div的高度会自动调整。注意，如果table中的内容过多，可能会导致外层div的高度超出屏幕范围，需要使用滚动条来处理。

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/344899

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^