Css 自动调整动态内容的div大小

我希望有人能帮我解决CSS问题。我正在使用JavaScript向一个工作正常的表中添加额外的行，但是当我添加新行时，我的页面不会扩展，这意味着内容在页面上消失时变得不可见

以下是我的网页的简化版本：

<div class="wrapper" >
  <section id="main" class="column">
     Expanding table code here.
  </section>
</div>

我尝试添加溢出：隐藏；因为我认为这可能会起作用，但是它没有起作用。如果我删除了main部分，那么它可以正常工作，但我需要它，因为我的包装器div中有其他内容

任何帮助都将不胜感激，因为这让我发疯

提前感谢：）

[编辑：评论中向我指出，OP已经在使用浮动清除方法。请将我的答案留在这里，以防它对有类似问题但没有清除css的人有所帮助。]

这是因为您是浮动的

section#main

。浮动区域后面需要一个清除div（或浮动清除css），因为它们本身并不占用垂直空间。您可以这样做：

<div class="wrapper" >
  <section id="main" class="column">
     Expanding table code here.
  </section>
  <div style="clear: both;"></div>
</div>

在这里展开表代码。

<代码> <代码>是传统的方法，但您可能要考虑这里描述的一种新方法：

（编辑：在注释中指出OP已经使用了一个浮点清除方法。尽管我的答案在这里帮助了一个有类似问题但没有清除CSS的人。）

这是因为您是浮动的

section#main

。浮动区域后面需要一个清除div（或浮动清除css），因为它们本身并不占用垂直空间。您可以这样做：

<div class="wrapper" >
  <section id="main" class="column">
     Expanding table code here.
  </section>
  <div style="clear: both;"></div>
</div>

在这里展开表代码。

---

<代码> <代码>是传统的方法，但你可能想考虑一种新的方法：

你希望浏览器窗口变大吗？简化的例子很好，请张贴一个显示问题的小提琴@ GabyAkaG.Petri OLY，是的！我正在删除我的评论。你想让浏览器窗口变大吗？简化的案例可以很好地工作。请发布一个显示问题的提琴…@gabykag.Petrioli，啊，是的！我正在删除我的评论。OP正在执行替代方法之一。。将包装器设置为

overflow:hidden

Hi-Ben-Lee。谢谢你的提示，也谢谢其他的海报！我必须承认，我不是伟大的，当谈到CSS，虽然我尝试了你的明确：两种解决方案，但它不适合我。我发现的一个解决方案是添加溢出：auto；对于主部分，唯一的问题是它为新内容生成滚动条，而不是扩展整个部分。如果你还有什么建议，我很乐意试一试。谢谢：）OP正在执行替代方法之一。。将包装器设置为

overflow:hidden

Hi-Ben-Lee。谢谢你的提示，也谢谢其他的海报！我必须承认，我不是伟大的，当谈到CSS，虽然我尝试了你的明确：两种解决方案，但它不适合我。我发现的一个解决方案是添加溢出：auto；对于主部分，唯一的问题是它为新内容生成滚动条，而不是扩展整个部分。如果你还有什么建议，我很乐意试一试。谢谢：）