怎么取到Div的真实高度

<style type="text/css">

#leftbox{

float:left;

width:200px;

background-color:#FF0000;

}

#rightbox{

float:left;

width:200px;

background-color:#FFFF00

}

bottom{

display:block;

clear:both;

background:#0000FF;

width:400px;

height:50px;

color:#FFFFFF;

}

</style>

<div id="leftbox">左边div的高度会随右边自动调整</div>

<div id="rightbox">右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。</div>

<script language="javascript">

if(rightboxoffsetHeight>leftboxoffsetHeight)

{ leftboxstyleheight=rightboxoffsetHeight+"px";}

else

{ rightboxstyleheight=leftboxoffsetHeight+"px";}

</script>

<div class="bottom">这里是下方的div，会随着上面div的高度变化而移动</div>

你好；以上代码中固定了div的高度为100px,如果内容的高度超过100px的话,除了在IE6下能够达到高度自适应,其他浏览器都会出现内容溢出的现象,显示不能够达到，不过现在的QQ浏览器最新的版本QQ浏览器90也可以达到，QQ浏览器90对QQ浏览器的不足，全面的进行了优化，它的功能更强大

了，浏览速度也更快了，你可以试一下，谢谢望采纳。

这个jquery应该可以娶到的。给你一个实例，注意自己添加jquery文件哈

<script language='javascript'>  

$(function(){

$("#adds")click(function(){

$("#xx")append("<h2>添加内容</h2>");

});

$("#geth")click(function(){

vh=$("#xx")height();

$("#xx")prepend("<h2>我的高度为："+vh+"</h2>")

});

}); 

</script>

<div style="width:200px; height:200px; display:block; overflow-y:scroll">

<div id="xx">

sdfsdfs

sdfsdf

sdfsdf

</div>

</div>

<a href="javascript:;" id="adds">点击给XX里面添加内容</a>

<a href="javascript:;" id="geth">点击获取xx的高度</a>

以上就是关于怎么取到Div的真实高度全部的内容，包括:怎么取到Div的真实高度、手机浏览器获取自适应 div 的显示高度、jquery获取div（带滑动条）内容的实际高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！