css現在已經有相關方法可以判斷高度了，那就是CSS容器查詢。不過這個特性太高級了，目前幾乎還不能實戰，我們這次介紹一種更加傳統的方式。
在平時開發中，經常會碰到一些需要判斷高度的場景，比如當超過一定高度后，需要自動出現展開折疊按鈕，如下：
傳統的思路肯定是通過JS去動態計算容器的高度，但這樣就涉及到加載時機的問題，獲取早了可能元素還沒渲染好，晚了又會有明顯的卡頓感，或者會引起頁面的閃爍。
那有沒有僅通過CSS的方法呢？
當然也是有的！要實現上面這個例子的效果，需要解決以下幾個問題：
- 如何判斷不同的高度？
- 如何在不同的高度下展示隱藏點擊按鈕？
- 如何點擊切換？
花幾分鐘一起看看吧
