宽度返回不正确的值

Question

我有以下结构

<div class="row">
<div class="xs-col-12">
<my-custom-element id="elemId"></my-custom-element>
</div>
</div>

以下jQuery调用获取我的自定义元素的宽度（它是一个angular指令）返回值300.

var width = $("#elemId").width();

我原以为这个值将是浏览器区域中可用宽度的全宽。这在IE中正确返回为1069。但是在chrome中它总是返回300.在jQuery中调试之后，我发现它在该元素上返回了offsetWidth的值。

我在这里缺少什么？为什么我在Chrome中没有获得正确的价值？

由于

Answer 1

尝试外部宽度，它还包括填充：

var width = $("#elemId").outerWidth();

或包括保证金：

var width = $("#elemId").outerWidth(true);