如果同級 div 溢出，CSS 選擇器？

Question

我有以下 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 有足夠多的文本需要展開時才顯示 div2，也就是說，如果 div1 中的內容溢出。 我知道它可以使用 JavaScript 來實現，但我想知道它是否可以只使用 CSS 來完成。

有什么建議？

編輯：
呈現頁面時會動態獲取文本。 我也不能使用媒體規則，因為我隱藏擴展 div 的寬度不是固定的（寬度閾值取決於每次渲染時變化的動態文本的長度）

Answer 1

正如CBroe提到的，沒有用於溢出檢測的選擇器。 您嘗試做的事情目前無法僅使用 CSS。

此外，添加此類選擇器的提案存在 GitHub 問題，但可能會因WON'T FIX而關閉

提到 GitHub 問題：鏈接

相關堆棧問題： 鏈接