如何在另一個DIV打開時推送DIV？

Question

Heyy。

我一直在試圖弄清楚這一點，我看遍了所有，但迄今沒有任何工作，所以我想也許你可以幫助我。

我正在研究一個新的tumblr主題，並且我希望帖子標題可以在帖子懸停時向下滑動。我得到了一點工作，但問題在於，當標題打開時，下方的帖子不會被推下，這意味着較大的標題會隱藏在該帖子的後面。

下面的代碼，我有：

.c220 { 
    max-height: 0; 
    transition: max-height 1s ease-out; 
    overflow: hidden; 
    background: white; 
} 

.p200:hover .c220 { 
    max-height: 500px; 
    transition: max-height 1s ease-in; 
} 

而這裏的鏈接到現場觀看：https://thm-maddison.tumblr.com/

的標題我已經不是太大，使他們沒有得到隱藏，但我如果可能的話，他們會像下面的帖子一樣推下60px左右。

謝謝你的幫助，祝你一切順利！

Answer 1

您需要這樣做，而不將position: absolute;應用於<article class="p200...元素。絕對定位的元素不在html元素流中。