Question

如何使下面的javascript中的高度随内容多少自适应高度和宽度

<script type="text/javascript">
$(document).ready(function(){
$(".showdiv").click(function(){
var box =150;
var th= $(window).scrollTop()+$(window).height()/1.6-box;
var h =document.body.clientHeight;
var rw =$(window).width()/2-box;
$(".showbox").animate({top:th,opacity:'show',width:600,height:90,right:120},200).show();
$("#zhezhao").css({
display:"block",height:$(document).height()
});
return false;
});
$(".showbox .close").click(function(){
$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},200).show();
$("#zhezhao").css("display","none");
});
});
</script>

Answer 1

这个$("#zhezhao")是一个遮幕层吧？

$("#zhezhao").css({display:"block", height: $(document).height()+"px"})就可以了。

其实这样写更好： $("#zhezhao").height($(document).height()).show();