在javascript dom中 - 一个元素的offsetHeight和clientHeight有什么区别？

如果将div设置为overflow:auto,如果已渲染滚动条(垂直/水平),我如何找出(使用普通JS)？

可能重复:
使用jQuery检测DIV中是否存在滚动条？

有如下标记,

<div class="content">Lorem</div>
<div class="content">Lorem Iorem Lorem Iorem Lorem Iorem Lorem Iorem Lorem IoremLorem Iorem Lorem Iorem Lorem Iorem</div>
<div class="content">Lorem</div>
<div class="content">Lorem</div>

如果内容有滚动条,那么它应该向该div添加类,如"scroll-image".

DIV的高度可能不同.任何jQuery解决方案.

需要制作具有以下功能的模板:

• 包含两个容器(行)
  • 顶行是固定大小
  • 底部尺寸适合最大可用垂直空间
• 应该动态调整底部容器内的文本(字体大小)以适应容器高度.

第一个问题的答案很简单,但在这里添加它,因为不知道第二个问题不依赖于它.

这里有很多问题,询问如何动态调整textarea或输入字段中的文本.但这个问题更为特殊,因为可能需要计算单词或其他一些以适应容器大小.

有人可以帮我提一下已经完成的jquery或任何其他js/css解决方案吗？

我不是一个网页设计师,只想制作一个简单的网页模板,用于调整我的文本 - 我知道一点点css - 但不是javascript - 因此要求指向任何"准备运行"的解决方案,如果存在......

编辑

检查溢出解决方案,这个答案/sf/answers/499728001/可以很好地检测垂直溢出.现在的问题是,如何将上面的溢出javascript检查添加到循环中,什么会将我的字体更改为更小.

为了更好地说明附加两个演示图像......

我有一个涉及调试的问题。我想让你问，我如何找出整个标记的哪个元素导致滚动条。任何一种方法都可以。我想过overflow在开发人员工具中搜索，但这并没有真正帮助我。

有谁知道我该如何解决这个问题？