jquery div隐藏和显示，如何控制show div的position？

Question

我做了一个简单的 div hover 显示和隐藏 jQuery 的introduce words ，在默认代码中。 所有引入的字 position 都是相对的。 box4和box8的introduce words div 将超出div#main 。

怎么办？ 这样box4和box8的引入词div会右对齐吗？

因为我不能用英语很好地描述，所以我拍了一张照片。 你可以看到当 hover 在box4中时，div 的introduce words右边不会超出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 一个不同的 class 如果你知道它们总是在边缘。 这是一个例子：

http://jsfiddle.net/M687z/

Answer 3

如果它取决于 window 宽度，一行中有多少个框，您可以使用 jQuery.offset() 功能重新定位 title_box 如果它会溢出：

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