设计 - 项目像图像一样对齐 - 图库。
问题 - 当我将鼠标悬停在元素上时,它会展开但它下面的元素会向下移动 + 容器的高度也会增加以适应这种副作用。
我是如何设计 CSS -
父 div -> flex-wrap : wrap
子 div ->
*overflow : hidden + 100px height*
*On hover : 100% height*
Expectation - 将鼠标悬停在任何特定元素上时,该元素应该扩展而不影响任何其他元素+具有固定高度的父级(容器 div)
换句话说期望:就像卡片上显示的主要描述一样,悬停它会展开以显示完整的细节,没有其他任何东西。