小编Jen*_*ieb的帖子

我有许多行中浮动的div。div包含文本预览和向下滑动全部内容的链接（有关示例，请参见http://jsfiddle.net/yDcKu/）。

现在发生的情况：向下滑动content-div时，它将在连接的预览之后立即打开。我要发生的事情：在该行的最后一个div之后打开content-div。

我认为可以通过以下方式完成此操作：
1.找出哪个div是激活的预览行中的最后一个div；
2。向该div添加一个id；
3。将content-div附加到该div。

我有一个使用jQuery的第2步和第3步的解决方案，但不知道如何进行第一步。我可以设法获取每个div的文档宽度以及x和y值，但我不知道如何找出哪个div具有最高的x和y值，并且也位于激活的预览分区。

有人知道吗？谢谢

假设我有三个未知高度的div,其中一个使用CSS关键帧动画生成动画背景色(请参阅http://css-tricks.com/color-animate-any-shape-2)

@-webkit-keyframes super-rainbow {
  0%   { background: #ffff00; } 
  20%  { background: #ffcd00; }
  40%  { background: #c3d74b; }
  60%  { background: #c3d7d7; }
  80%  { background: #ffc39b; }
  100% { background: #ffff00; }
}
@-moz-keyframes super-rainbow {
  0%   { background: #ffff00; } 
  20%  { background: #ffcd00; }
  40%  { background: #c3d74b; }
  60%  { background: #c3d7d7; }
  80%  { background: #ffc39b; }
  100% { background: #ffff00; }
}

现在,还有另外两个具有白色背景的div.在悬停时,我希望那些白色div具有动画背景颜色,与永久颜色动画同步.我知道不支持本机同步(请参阅如何跨多个元素同步CSS动画？).

我的第一种方法是让三个div都具有动画背景颜色,并用白色divs覆盖其中两个div,相对定位.在悬停时,那些白色div将变为透明并显示带有动画背景的div(请参阅http://jsfiddle.net/Vzq4B)

#permanent {
    height: …