Как можно развернуть подсказку, если она не вмещается в блок?

Question

[nepster-web]

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

Работает все таким образом:
jsfiddle.net/s4fom4uc

Я сделал явный пример, того когда возникает проблема. А именно если навести на последний блок (на 4 бизнесмена), то подсказка обрезается родительским блоком.

Собственно вопрос, как можно сделать проверку на то, если подсказка не влезает в блок, то нужно добавить margin-left (к классу .test) и указать необходимое кол-во пикселей, которые не влезают?

Answer 1

[ModestesGonze]

Стесняюсь спросить, а зачем вам overflow: hidden; в team? уберите его и ничего не будет обрезаться.
И почему на css не сделали, проще ведь.

Comments

[nepster-web]

"Есть задача сделать блок, в котором могут помещаться неограниченное кол-во блоков." Это возможно сделать на CSS? hiden, для того чтобы блоки не ездили пока jQuery не прогрузится.