当另一个打开时如何推动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，如果可能的话。

感谢您的帮助，祝您2017年一切顺利！

Answer 1

如果不将position: absolute;应用于<article class="p200...元素，则需要执行此操作。绝对定位的元素在html元素流之外。