获取html div宽度和高度,html - 向其添加子元素后获取div的宽度和高度 - 堆栈内存溢出...

创建Div'MyParent'之后，会将许多宽度和高度不同的子级添加到此'MyParent'中。 最后，我想知道“ MyParent”的最终宽度和高度(以像素为单位)。 我已经使用了熟悉的函数来获取width和height，在所有尝试中我都得到了0。

这是一个简单的代码：

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

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

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

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

myPrt.appendChild(C1);

myPrt.appendChild(C2);

myPrt.appendChild(C3);

$(C1).css({position:absolute;left:-100px;top:100px;width:100px;height:50px;background:red});

$(C2).css({position:absolute;left:100px;top:-100px;width:75px;height:50px;background:yellow});

$(C3).css({position:absolute;left:150px;top:200px;width:90px;height:50px;background:black});

$(myPrt).height(); // returns 0

$(myPrt).css('height') // returns 0

$(myPrt).innerHeight(); // returns 0

$(myPrt).outerHeight(); // returns 0

myPrt.clientHeight; // returns 0

用简单的方式来获得那个？

因为实际上我已经找到了解决此问题的方法，但是它在Childs中起作用，创建一个循环，将所有的Parents Childs抛出，然后获得这些child的最大值和最小值left，然后返回最小值之间的距离＆max，以及通过获取max / min顶部获得高度的相同技巧，但是，此技巧需要孩子有绝对位置才能到达那里，顶部/顶部正在寻找现有的jquery或javascript函数，而没有绝对位置为孩子们。

谢谢