scrollWidth和clientWidth总是一样的吗？

Question

所以我有一系列使用ng-repeat生成的元素，这些都是我的风格：

.variable-content-size {
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 315px;
}

我正在使用jquery来尝试确定哪些内容溢出。我在整个S / O中找到了相同的方法，基本上是将scrollWidth与clientWidth进行比较。如果前者超过后者，你知道你有溢出。但对于每个元素，它们总是一样的!!有谁知道我可能做错了什么？...

<div class="variable-content-size">{{data.logs}}</div>/ <--this is an ng-repeated element

更新与JS：

$.each($(".variable-content-size"), function (idx, el) {
      if (el.scrollWidth > el.clientWidth) {
          //do whatever in here.
      }
});

if条件永远不会成立。尽管在某些情况下内容可能很大，但我分享的样式肯定会被应用，以便溢出内容被截断并应用省略号。