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

问题描述

| 我在默认代码中进行了一个简单的div悬停显示和隐藏

introduce words

。所有引入的单词位置都是相对的。

Box4

和

Box8

的

introduce words

div将脱离

div#main

。 怎么办？这样引入的单词

Box4

和

Box8

会右对齐？ 因为我用英语不能很好地描述，所以我拍一张照片。您会看到将鼠标悬停在

Box4

中时，

introduce words

div的右侧不会超出

div#main

，这就是我需要的。谢谢。 此处的代码链接：http://jsfiddle.net/KTGUz/ 图片：     

解决方法

纯jQuery方式是

$(\'.box:nth-child(4n+4)\').addClass(\'oy\');

，并调整您的位置以使

.box

是相对的，而

.hover

是绝对的，使

.oy {right: 0;}

这是东西：http://jsfiddle.net/3jGdm/     ,如果您知道第4号和第8号方框将始终处于优势地位，则可以为它们指定不同的类别。这是一个例子： http://jsfiddle.net/M687z/     ,如果取决于窗口宽度，则一行中有多少个框，如果溢出，则可以使用jQuery.offset（）功能重新定位title_box： http://api.jquery.com/offset/