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/