使用jQuery Quicksand时CSS冒泡
我正在使用jQuery Quicksand创建一个可过滤的文章组合：
http://davekiss.com/new/
问题是，当单击侧边栏段落中的filter（video，网站，动态图形）时，CSS会在正在过滤的文章上加倍，并且在动画完成之前未正确定位。 这个插件增加了top: 60px; left: 416px; top: 60px; left: 416px; 到过滤集中的第一篇文章，推动一切。
继续单击website以查看效果。
我相信这是令人讨厌的CSS，但我不确定如何调整它以便它与插件一起玩得很好：
article.project-container { float: left; position: relative; margin: 5px; padding: 10px; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
访问http://razorjack.net/quicksand并单击filter（所有内容，应用程序，实用程序）以查看预期效果。
任何帮助将非常感激！
重写您的规则如下：
article.project-container { float: left; position: relative; top: 5px !important; left: 5px !important; margin: 5px !important; padding: 10px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
!important声明用于覆盖插件的规则。
（ background也被重写，因为指定单个属性的简写是多余的）。
从官方github页面….
Quicksand使用position：absolute来为元素设置动画。 这意味着容器不能使用绝对定位，因为它会破坏Quicksand的坐标计算。 在我尝试禁用你的section.thumbs中的position：absolute之后，Quicksand开始完美地工作了。 而且由于你的布局似乎不需要这种定位（常规浮动将完成这项工作），这将解决问题。