2012-04-03 57 views
0

我有一堆图像,每个float: left属性应用于他们。他们被限制在一个宽度为400px的区域,迫使它们进入4×4的网格。如果我试图获得它们的位置,它们总是不正确的。这是什么造成的?你可以在这里看到我想要做的事情:http://dev.redemptionconnect.com/cards/browse。点击其中一个图片来查看我的意思。弹出的对话框应该位于您单击的图像上方。jquery偏移不正确的浮动元素

+0

当我查看源代码时,您网站中的代码非常可怕。尝试将相关代码直接发布到问题中。 – Jasper 2012-04-03 23:30:19

+0

哇。这太奇怪了。它很好,并在我的源文件中格式化。一秒 – LordZardeck 2012-04-03 23:31:15

+0

http://pastebin.com/raw.php?i=1zd1h4TV这是源文件 – LordZardeck 2012-04-03 23:32:28

回答

2

我看到它的方式,你应该检查实际浮动元素的偏移量:底层<img>。事实上,它们在链接浮动时脱离链接的内联布局,链接保留在top:0;left:0

你也可以,摆脱<a>并将该点击事件应用于图像。或float:left<a>,无论你喜欢。

+0

将点击应用到img只允许左侧的位置是正确的。顶部仍然是错误的 – LordZardeck 2012-04-04 00:21:46

+0

好吧,它不得不与线条高度。谢谢! – LordZardeck 2012-04-04 00:36:24

+0

'display:block'到''也可以解决这个问题。伟大的帮助! – keystorm 2012-04-04 11:13:05