jquery div隱藏並顯示，如何控制顯示div的位置？

Question

我使用jQuery在默認代碼中進行了一個簡單的div懸停顯示和隱藏introduce words。所有引入的單詞都是相對的。 introduce words div的box4和box8將跳出div#main。

以及如何操作？那麼box4和box8的引入詞div會使右對齊？

因爲我無法用英語來形容，所以我拍了一張照片。你可以看到當盤旋在box4時，introduce words div的右邊不會出div#main，這就是我所需要的。謝謝。

代碼此處鏈接：http://jsfiddle.net/KTGUz/

圖像：

Answer 1

純jQuery的方法是$('.box:nth-child(4n+4)').addClass('oy');和調整你的定位，使.box相對和.hover絕對，使得.oy {right: 0;}

這裏的東西：http://jsfiddle.net/3jGdm/

Answer 2

你可以給箱4和8不同的類，如果你知道他們會永遠的邊緣。這裏有一個例子：

http://jsfiddle.net/M687z/

Answer 3

如果它取決於在窗口寬度中連續有多少個框，如果它可能溢出，可以使用jQuery.offset（）功能重新定位title_box：

http://api.jquery.com/offset/