html - 如何在另一个 DIV 打开时将其向下推？

Question

嘿嘿。

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

我正在使用 masonry 开发一个新的 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 元素流之外。