<分区>
我有后端背景，其实我在学前端
我的问题是 css transition
我正在尝试对 div 内的所有元素进行翻译以加入此特定 div 的顶部
我能做到的最好的事情就是用一个特定的值移动它们，或者用 X 轴移动它们，我对此不感兴趣
你可以在这个 fiddle 中看到一个预期行为的例子(对不起，代码是学习状态，所以很多词)
https://jsfiddle.net/49gptnad/3878/
<div>
<p1>
<p2>
<p3>
<p4>
</div>
我理解如果我可以在 X 轴上移动它们是因为它们可以在它们的元素内移动但是......
我只是想让他们在我点击时都加入 p1(较高的 p)的位置，这一定很简单，但因为这对我来说都是新的，所以他们一定有我错过的东西
提前致谢
最佳答案
此处最简单的方法是将 height 调整为 0 并保持溢出以获得所需的效果。但是由于我们不能将 height 从 auto 设置为 0，我们可以使用 max-height 代替(也不要忘记 p 的默认边距) .
这是我使用悬停的简化示例:
.anime {
display:inline-block;
min-height:100px;/*to avoid flickering*/
}
.anime p {
transition:1s all;
max-height:50px;
}
.anime:hover p {
max-height:0;
margin:0;
}<div class="anime">
<p>Photo 1</p>
<p>Photo 2</p>
<p>Photo 3</p>
<p>Photo 4</p>
</div>关于css 将 div 翻译成它们的父级，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49938735/