JS如何获取高度

Question

动态创建的30个div，宽度是设死的，高度是由内容撑的，在浏览器盒模型中看到的高度是410px，但是用offsetHeight只有77。现在就是要瀑布流，但是获取盒子的高度不对，定位的top值是每一排最矮盒子的高度，现在无法准确获取盒子高度，求解

Answer 1

你用jQuery的$("selectoar").width()试试

Answer 2

是不是用了浮动float了？

Answer 3

offsetHeight没算margin，所以高度小了？

Answer 4

提供的上下文不是很够，不是特别清楚您的应用场景，用jQuery的$("selectoar").outerHeight()试试

Answer 5

如果是多个元素 最好用 each循环获取高度，而且确保元素加载完成再执行获取元素高度
$("#list div").each(function(i){
   var divH = $(this).outerHeight();
 });

Answer 6

如果你添加的子盒设置了浮动，父盒的高度不会跟随子盒的内容增加，解决的办法是在子盒列表的最后加一个隐藏盒，在这个盒清除浮动就可以了<div>
    <div class="list">列表</div>
    <div class="list">列表</div>
    <div class="list">列表</div>
    <div class="cf"></div>
</div><style>
.cf{height:0; clear:both;}
</style>