Как сделать чтобы блоки не двигались при наведении?

Question

[MRcracker]

Есть два ряда с карточками. При наведении на карточку она растягивается и в ней появляются дополнительные элементы. Подскажите, как сделать так, чтобы она перекрывала нижние карточки и все нижние карточки не смещались вниз из-за того, что блок на который навели мышку увеличился?

Answer 1

[Юрий]

Вешайте на ту часть карточки, которая выпадает при наведении, position: absolute.

Comments

[MRcracker]

можете пример привести, а то не очень понятно как это должно быть т.к. этот элемент должен появляться внутри карточки. при этом у карточки должна высота меняться

[Юрий]

MRcracker, как вариант что-то подобное:



Если нужно именно увеличивать содержимое карточки в размере, можно делать это через transform: scale, тогда окружающие элементы сдвигаться не будут.

[MRcracker]

Юрий, спасибо большое