当元素中有绝对位置的子元素时，获取元素的全宽

Question

JS小提琴：http://jsfiddle.net/meYnS/3/

假设我有一个宽度为100px、position:relative;为position:relative;的元素.outer。它有一个内部元素，其中包含position:absolute;和left:95px;。即，子元素超出父元素的宽度。

现在，在JQUery中，如果我尝试使用$('.outer').outerWidth();获取父对象的宽度，它将返回100。

但是，我如何才能获得外部元素的全宽(由于绝对定位的子元素，它显然大于100 )？

有没有一种内置的方法，或者我必须手动计算(例如，将每个子宽度与父宽度相加，以计算出全宽度)？

Answer 1

您可以使用属性scrollWidth、scrollHeight。

如果您正在使用jQuery，

$('.outer').get(0).scrollWidth

Answer 2

您已将宽度设置为100px，并且子元素的位置是绝对的，因此它不会影响其父元素的宽度。父母的宽度仍然是真正的100px。

Answer 3

jQuery不提供对javascript属性scrollWidth的访问，因此您必须使用jQuery访问DOM元素。

jQuery.get()是一种实现DOM元素的方法。

因此，使用jQuery的解决方案是$('.outer').get(0).scrollWidth

如果使用origin javascript，则解决方案将是document.getElementsByClassName('outer')[0].scrollWidth