CSS 水平滚动列表项的过渡问题

CSS transition issue with horizontal scroll list items

我有带列表项的水平列表。如果将鼠标悬停在其上,它会水平扩展以 space 显示更多信息(未实现)

但是我不明白为什么当我将鼠标悬停在它上面时这些项目会向下移动。

https://embed.plnkr.co/51WuwdhmH7yS3pSnkqFY/

(我猜重叠的东西只是笨蛋)

谢谢!

这个问题有一个非常简单的解决方法:在您的 CSS 中添加 vertical-align: top;.thread-item。这将使元素始终保持在顶部;)