position - 如何通过孩子的绝对定位获得确切的实际父母宽度或高度？

Question

我正在动态创建元素和子元素，具有不同的绝对位置，子元素有左、上、宽度和高度属性，问题是我尝试过的任何东西，父母的宽度和高度始终为 0。检查这个小提琴。

var my_parent = document.getElementById('my_obj');

var chld1 = document.createElement('div');

my_parent.appendChild(chld1);

$(chld1).css({
    position:'absolute',
    left:10, 
    top:50,
    width:60,
    height:20,
    background:'pink'
});

alert($(my_parent).width());

有没有一种简单的方法来获取父母的宽度和高度？（javascript & jQuery，因为 evrything 是动态发生的）

或者我必须创建一个函数来遍历所有孩子和孩子的孩子，检查左边的最小值，顶部，然后包括孩子的宽度和高度......这可能需要我几天？还是有神奇的 JavaScript 或 jQuery 插件可以为您提供这些？

Answer 1

问题在于您孩子的绝对位置。每当子级使用绝对位置时，它都不会填充父级。所以要么不使用绝对定位，要么给父母一个固定的宽度