Javascript CSS：动态创建的内容溢出

我尝试使用如下布局动态更新元素：

现在，该应用程序涉及一些按钮的交互，用于更新小内容部分的内容：

单击按钮时编写脚本：

$.ajax({    //some ajax request upon button click
      success: function(result){
      $('#small-content').append(result);
      }
});

这是在点击按钮后进行的，会发出请求，结果会动态添加到#small contentdiv中，但结果如下：

---

我如何解决这个问题，使页脚向下推，而不是重叠？请注意，我无论如何都不能修改页脚的css，因为它是全局呈现的。

如果您在#小内容之后添加与#页脚大小相同的块，我认为您将修复布局但只有当页脚具有固定大小时，它才会工作

像这样的

<div id="small-content"><!-- some content --></div>
<div id="footer-separator" class="footer-separator"><!-- empty block --></div>
<div id="footer" class="footer"><!-- some content --></div>

---

尝试将页边距顶部属性添加到#页脚。因此，这将在所有情况下保持“小内容”和“页脚”之间的间距。

С你在拉小提琴吗？没有你的风格很难解决问题哪一个是页脚的大小？对不起，我会添加风格。等等，你觉得这些答案有用吗？

.footer-separator {
   height: 100px; 
   ....
}

.footer {
   height: 100px; 
   ....
}