Question

如何计算绝对有孩子的容器的高度？我们可以假设只有直接的孩子绝对定位。子项具有相同的类（没有ID）并且被旋转，一些使用填充定位，如下所示：

<div class=my-view style="position: relative";>
<div class=my-child style="position: absolute; top: 5px; left: 10px; -webkit-transform: rotate(13deg);">
<div class=my-child style="position: absolute; padding-bottom: 5%; padding-left: 10%; -webkit-transform: rotate(-6deg);">
</div>
</div>

（对于其他浏览器，转换标签当然看起来不同）

P.S。如果有必要，孩子可能有ID

[更新] 也许像这样的代码可以工作，但不会，因为在循环oTot.tot为零（“tot”就像“total”）之后：

  var oTot = { tot: 0 };  
  $(".my-view .my-child").each(function() {
    var h = $(this).outerHeight();
    var y = $(this).position().top + h;
    if (y > oTot.tot) {
      oTot.tot = y;
    }
  });

Answer 1

尝试解决方案。

var oTot = { tot: 0 };  
$(".my-child").each(function() {
    var h = $(this).outerHeight(),
        y = $(this).position().top + h;

    if (y > oTot.tot) {
      oTot.tot = y;
    }
});

console.log(oTot);

用绝对定位的孩子计算容器的高度

1 个答案: