<html>
<head>
<title>test</title>
<script type="text/javascript" src="
http://127.0.0.2/js/jquery-1.5.2.min.js"></script></head>
<body>
<style>
#box{width:1000px;height:500px;background:#ccc;position:relative;}
#abs{width:1000px;height:auto;background:#f00;position:absolute;top:50px;}
#bo{width:1000px;height:100px;background:#0f0;position:absolute;}
</style>
<div id="box">
<div id="abs">这个高度不确定,是自动的<p>哈哈哈哈</p><p>哈哈哈哈</p><p>哈哈哈哈</p><p>哈哈哈哈</p></div>
<div id="bo" style="display:none;">这是你想放在下面的div</div>
</div>
<script type="text/javascript">
$(function(){
var divTop = $("#abs").css("top");
var divHeight = $("#abs").outerHeight(true);
$("#bo").ready(function(){
$("#bo").css("top",divTop);
$("#bo").css("margin-top",divHeight);
$("#bo").css("display","block");
})
});
</script>
</body>
</html>
大概是先把你要显示在下面的div,用display:none不显示,然后读取你不确定高度的div的高度,以及它的top值,分别付给你要放下面的div的top以及margin-top,然后显示出来。。
当然还有更便捷的方法,就是把top和高度加起来,再付给显示在下面的,,,,
这只是一个例子,,,你自己优化一下,,
记得,自己引用jquery文件。
追问谢谢啊
我本来是想着用CSS能不能解决
追答你能确定高度就能用css来解决呗。。。