jquery div隐藏和显示，如何控制显示div的位置？

Question

我在默认代码中创建了一个简单的div悬停节目并使用jQuery隐藏introduce words。所有引入的单词位置都是相对的。 introduce words和box4的{​​{1}} div将在box8之外。

怎么办？那么引入div#main和box4的单词div会使右对齐？

因为我无法用英语描述，我拍了一张照片。你可以看到当悬停在box8时，box4 div的权利不会超出introduce words，这就是我需要的。感谢。

此处的代码链接：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/