CSS起泡而使用jQuery的流沙(CSS bubbling while using jQuery

我使用jQuery流沙创建文章的过滤组合：

http://davekiss.com/new/

问题是，当在侧边栏段过滤器点击（视频，网站，动画），在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并点击过滤器（一切，应用程序，工具）看到预期的效果。

任何帮助将非常感激！

Answer 1:

重写规则如下：

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也改写为指定简写单个属性是冗余的）。

Answer 2:

从官方的GitHub页面....

流沙使用的位置是：绝对的，以动画的元素。 这意味着，因为它打破坐标的流沙的计算集装箱不能用绝对定位。 之后，我尝试禁用的位置是：绝对在你的section.thumbs，流沙开始工作得很好。 而且，由于你的布局似乎并不需要这种定位的（常规花车将做的工作），这将解决这个问题。

文章来源: CSS bubbling while using jQuery Quicksand