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/