html - 当另一个DIV打开时如何将另一个DIV下推？

Question

嘿嘿。

我一直在试图解决这个问题，并且我已经查遍了所有内容，但到目前为止没有任何效果，所以我想也许你可以帮助我。

我正在开发一个带有砌体的新 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/

我的标题不太大，因此它们不会被隐藏，但如果可能的话，我希望将它们下面的帖子向下推约 60 像素。

感谢您的帮助，祝大家 2017 年一切顺利!

Answer 1

您需要在不申请 position: absolute; 的情况下执行此操作到<article class="p200...元素。绝对定位的元素位于 html 元素流之外。