Как убрать выход последнего элемента за рамки родительского?

Question

[Алексей Николаев]

Ошибка здесь goo.gl/iHdFIh
У div:hover задано отрицательное значение margin-bottom. Работает нормально, но когда остается один элемент в последней строке то получается, что div выходит за рамки родительского элемента. Прошу помощи в решении проблемы

Answer 1

[Алексей Ковалёв]

Вам следует attributes-cat переверстать (который display: block по hover становится). Верстайте через absolute, left: 0, top: 100%; background: inherit; box-shadow: (как у родителя, только без верхней тени);
Иначе говоря, по hover появится стилизованный блок с развернутыми данными, который хоть и выходит за пределы родителя, но избавляет от -866px margin bottom.
Это на вскидку, уверен, что есть решение лучше.

Answer 2

[Murat Atila]

А в чём проблема, если сделать margin таким?
при ховере
margin: -6px -2px -10px -1px;