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

我在默认代码中制作了一个简单的divhover节目并隐藏introduce words用jQuery introduce words 。 所有引入的单词位置都是相对的。 box4和box8的introduce words div将脱离div#main 。

怎么办？ 所以box4和box8的介绍单词div会对齐吗？

因为我无法用英语描述，我拍了一张照片。 你可以看到当在box4hover时， 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（）function重新定位title_box，如果它会溢出：

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