怎么取到Div的真实高度

发布网友 发布时间：2022-05-05 00:12

我来回答

共4个回答

热心网友 时间：2022-04-22 02:07

<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(rightbox.offsetHeight>leftbox.offsetHeight)
{ leftbox.style.height=rightbox.offsetHeight+"px";}
else
{ rightbox.style.height=leftbox.offsetHeight+"px";}
</script>

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

参考资料：http://www.qqphp.cn/lzshow.asp?id=87

热心网友 时间：2022-04-22 03:25

<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(rightbox.offsetHeight>leftbox.offsetHeight)
{ leftbox.style.height=rightbox.offsetHeight+"px";}
else
{ rightbox.style.height=leftbox.offsetHeight+"px";}
</script>

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

热心网友 时间：2022-04-22 04:59

获取对象真实高度
alert(document.getElementById("ss").clientHeight);

热心网友 时间：2022-04-22 06:51

height:120px;改为100%试下看.