问题描述
|
我在默认代码中进行了一个简单的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/