@s0pran0

Как изменить размер блока при hover, чтобы другие блоки не уезжали?

Помогите сделать красоту! ))
Есть карточки товара, при наведении должны появляться характеристики и кнопка добавления в корзину, но при этом не должны уезжать другие блоки.

https://fex.net/ru/s/vtf1apv - вот пример как должно быть

При наведении на этом примере всё стоит на месте и только та карточка на которой hover, увеличивается.

У меня же получается что при наведении на карточку, она увеличивается и сдвигает другие карточки.

https://fex.net/ru/s/3tt8osc - вот пример что у меня сейчас

Помогите разобраться как сделать увеличение карточки, не затронув остальные
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
https://jsfiddle.net/6yp1vmc2/

или не указывать фикс высоту при ховере, а делать auto. Если контента может быть динамическое кол-во
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@twolegs
Контейнер карточки с position: relative, а сам контент нужно поместить в блок с position: absolute.
Абсолютно позиционированные элементы не будут влиять на положение других.
Ответ написан
Надо глянуть код, надо было сюда залить https://jsfiddle.net или на подобные.
Это просто сделать, выше вон чел написал под ником twolegs.
Надо просто чтобы блок накладывался сверху на другой и все.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы