展开一个弹性项目,使其覆盖在它下面的其他弹性项目上,而不增加父/容器 div 高度

问题描述 投票:0回答:0

设计 - 项目像图像一样对齐 - 图库。

问题 - 当我将鼠标悬停在元素上时,它会展开但它下面的元素会向下移动 + 容器的高度也会增加以适应这种副作用。

我是如何设计 CSS -

父 div -> flex-wrap : wrap

子 div ->

*overflow : hidden + 100px height*

*On hover : 100% height*

Expectation - 将鼠标悬停在任何特定元素上时,该元素应该扩展而不影响任何其他元素+具有固定高度的父级(容器 div)

换句话说期望:就像卡片上显示的主要描述一样,悬停它会展开以显示完整的细节,没有其他任何东西。

css flexbox overflow overlay image-gallery
© www.soinside.com 2019 - 2024. All rights reserved.