html - 当卡片展开时，悬停底行

我有一堆卡片，按一下，我正在扩展带有描述的卡片。问题是当它膨胀时，它会向下移动。我需要不移动底牌。我在沙箱中重新创建了我的问题：https://codesandbox.io/s/withered-star-cov3x
在这里，它是如何设计的：

这就是我得到的，当卡展开时，它会向下移动：

最佳答案

只需在你的.扩展卡类中添加这三个属性，

 position: absolute;
    z-index: 20;
    background: white;

你的扩展卡类应该是

.expand-card {
    position: absolute;
    z-index: 20;
    background: white;
    padding: 30px 40px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.27);
}

那就可以了。
您还可以进一步了解css属性位置

关于html - 当卡片展开时，悬停底行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57703966/