如何使用jquery动态设置div的高度？

这是我的代码，但它不起作用（div总是浮动到页面的顶部。我希望它位于页面的中心）。

HTML：

Stuff 

JQuery的：

 $(document).ready(function(){ var height = $('#overlay').height(); var marginTop = (height)/2; document.getElementById("overlay").style.marginTop="-"+marginTop+"px"; document.getElementById("overlay").style.top="50%"; }); 

我究竟做错了什么？

Answer 1

 $(document).ready(function(){ resize(); $(window).resize(resize); }); function resize() { var height = $('#overlay').height(); $('#overlay').css('margin-top', (($(window).height() - height) / 2) + 'px'); } 

请记住，您希望窗口高度减去覆盖高度。 然后除以2，你就可以获得所需的保证金。