动态改变高度切断页面底部？

Question

我已经完成了我已经工作了一段时间的网站，但现在我遇到了一个问题：

我一直在使用相对定位将div放在通常位置之上（例如，顶部：-200px），这导致我页面底部的边距约为300px，我不想要在那里。

我意识到我应该使用float：left; css是为了避免这个问题，那是我的错，但是有没有办法用jquery简单地切断网站的底部300px？

您不能简单地切断绝对高度并隐藏溢出，因为页面中的某些动态元素的高度会发生变化。

我写了这个脚本试图这样做：

$(document).ready(function(){
    x=$('body').css("height");
    y=x.slice(0,4);
    z=parseInt(y);
    z=z-50;
    $('.contain').css("height",z+"px"); //.contain is a div that contains everything in the page
});

除非这不起作用！它改变了容器div高度（我可以在firebug中看到它更短）但它不会切掉内容！它只是...变小而不做任何事情。那是什么？

//修改

这是页面 http://olli.es/NSUW/index.html