Как сделать, чтобы раскрывающийся div не сдвигал блоки снизу?

Question

[evgemiil]

при наведении на какой либо блок выпадает блок доп информацией, но он сдвигает другие блоки, как сделать чтобы он выпадал над другими блоками, и не сдвигал их, второй день не могу разобраться
https://jsfiddle.net/evgeniel/7qzv479x/

Comments

[Aleksey Chernikov]

https://jsfiddle.net/7qzv479x/5/

[evgemiil]

ch3rri: спасибо большое, z-index получается тут не причем? надо было с позициями разобраться только) еще вопрос а почему с низу все блоки вровень а сверху нет?

[Aleksey Chernikov]

Вы имеете в виду вровень оносительно друг друга? Она и внизу и в верху разные. Вот пример, если добавить бордер сверху https://jsfiddle.net/7qzv479x/6/
Так получается из за того, что средние блоки имеют больше контента и удлиняют весь блок.

[evgemiil]

ch3rri: я пробовал контенты определенную одинаковую высоту задать, не помогло, как выровнить можно тогда?

[Aleksey Chernikov]

Vertical-align: top для .product_box

[evgemiil]

ch3rri: спасибо большое) знал про это свойство и не додумался

Answer 1

[indigo_style]

position: absolute;