Html CSS选择器，如果同级div溢出？

我有下面的html

<!-- initial height is enough to show one line of text -->
<div id="div1"> some dynamic text </div>

   .
   .
   .

<!-- on clicking uses JS to set height of div1 to fit content
     only show if div1 has text overflowing -->
<div id="div2"> expand div1 </div>

一些动态文本
.
.
.
展开div1

现在，我只想在div1有足够的文本需要扩展时显示div2，也就是说，如果div1中的内容溢出。我知道可以使用JavaScript实现，但我想知道是否可以专门使用CSS实现

有什么建议吗

编辑：
呈现页面时，将动态获取文本。我也不能使用媒体规则，因为我隐藏扩展div的宽度不是固定的（宽度阈值取决于每次渲染时更改的动态文本长度）

如上所述，没有用于溢出检测的选择器。目前，仅使用CSS是不可能的

此外，GitHub还存在一个添加此类选择器的建议问题，但很可能会以

将不会修复

提到GitHub问题：

相关堆栈问题：
没有选择器。这是否回答了您的问题@阿丹普。不，我不能使用JS或jQuery。