ArtyomPLAY, одна из Ваших ошибок в коде - Вы хотите, чтобы абсолютно позиционированный блок отталкивался не от родительского, а от соседнего элемента. Так нельзя. Нужно вложить.
У Вас нет макета, как должно получиться?
Из описания все равно трудновато понять, какой вид должен быть.
Что Вы подразумеваете под "зумом"?
Масштабирование страницы в области просмотра на телефоне или возможность изменять масштаб пользователем?
Наличие живого примера помогло бы лучше понять проблему.
Максим Ленский, если не ошибаюсь, здесь вроде принцип немного другой.
Раз Вы хорошо в этом разбираетесь, позвольте уточнить, правильно ли я его понимаю.
1) Задаётся блок основной карточки товара с { position: relative }, размер которой не меняется и при наведении.
2) Внутри задаётся еще один блок с непосредственно содержимым, которому при наведении задаётся { position: absolute } и которому можно задавать любые размеры и позиционирование, ведь он выпадает из потока блоков и привязан к местоположению основной карточки.
>При условии, что вами не задана высота блоку принудительно, он растет согласно контенту,вкладываемому в него
Парадокс в том, что вкладываемый контент = 50px, а сам блок почему-то на 4px больше. При этом, внутренних полей нет.
> Посмотрите внимательнее, что у вас кроме ссылки наращивает его height
В том то и проблема, что остальные блоки по высоте = 50px, а именно этот вылезает за рамки почему-то.
> К слову сказать вот такая запись селектора - search_panel_menu_dropdown
Спасибо. Посмотрю, что такое БЭМ. Я только учусь.
У Вас нет макета, как должно получиться?
Из описания все равно трудновато понять, какой вид должен быть.
Пока что вот так получилось.
Оно?