Javascript 页脚和div之间的动态空格

我正在想办法在页脚顶部和div之间留出一定的空间

现在每个页面都有不同的大小，我正在手动调整。我遇到的最大问题是，在不同格式的web浏览器中，我的手册空间正在发生变化。在几页纸上，我有一份js调查问卷，当调查问卷完成后，我的div滑过我的背部和下一步按钮的顶部。我通过为它创建一个新的CSS样式来纠正这个问题。 是否有一种方法可以将我的div（一个包含文本的框）设置为在每一页和每一个浏览器上与页脚保持相同的距离。现在我的代码只能在IE9中正常工作

以下是我正在使用的CSS：

#主信息框
{
保证金底部：-35px；！重要；
明确：两者皆有；
最小高度：2米；
高度：自动！重要；
高度：32px；
填充：2px 3px 0 3px；
边框：1px实心#4c6352；
背景色：#f2f684；
颜色：#000；
字体系列：塔荷马，日内瓦，无衬线；
文本对齐：居中；
显示：块；
位置：相对位置；
}

这就是我在html中使用的内容，尽管每个页面上的值都会发生变化：

<div id="mainInfoBox" style="margin-top:193px; clear:both">Blah Blah Blah</div>

废话废话

假设您的页脚在每一页上都是相同的，您可以设置一个固定高度，或者至少计算它的高度。然后使用bottom属性将所需的div绝对放置在其顶部，如下所示：

footer{height:250px；}
#主信息框{
位置：绝对位置；
底部：260px；/*所以页脚顶部是10px*/
}

您重置CSS了吗？听起来好像你在某个地方使用了绝对位置，或者设置了最小高度更有效的高度？您能在JSFIDLE中生成一个页面吗，这样我们就可以看到您是如何管理主布局的了？不幸的是，我无法共享我正在使用的主代码，它是专有的。大部分布局都是用js设计的，并且是锁定的。我在想，必须有一个相当基本的方法来保持我的div在10px左右，在页脚的顶部适当与否，一旦你启动你的网站，每个人都可以查看你网站的源代码和css代码。。。不管怎样，我们仍然需要看到更多的代码。唯一能看到该代码的人是该专有组的一部分。所以，除了我为之构建这个模板的公司之外，真的没有人会看到这个网站。一切都是内联网。好吧，谢谢你的帮助，也许我得去找制作模板的人，看看他能否解决我的问题。