Css 同位素网格和内联ajax注释

我正在使用同位素插件在我的网站，这是在当地的发展。我遇到了一个css问题，我希望有人能帮助我解决这个问题。情况是这样的

<div class="wrapper"> //* Position is relative
   <div class="portfolio1">  //* Position is absolute
      <div class="inner-wrapper">
         <div class="portfolio-container">
            <div class="portfolio-header"></div>
            <div class="portfolio-content"></div>
            <div class="portfolio-footer">
                <div class="comments"></div>
            </div>
         </div>
      </div>
   </div>
   <div class="portfolio2">  //* Position is absolute
      <div class="inner-wrapper">
         <div class="portfolio-container">
            <div class="portfolio-header"></div>
            <div class="portfolio-content"></div>
            <div class="portfolio-footer">
                <div class="comments"></div>
            </div>
         </div>
      </div>
   </div>
   <div class="portfolio3">  //* Position is absolute
      <div class="inner-wrapper">
         <div class="portfolio-container">
            <div class="portfolio-header"></div>
            <div class="portfolio-content"></div>
            <div class="portfolio-footer">
                <div class="comments"></div>
            </div>
         </div>
      </div>
   </div>
   <div class="portfolio4">  //* Position is absolute
      <div class="inner-wrapper">
         <div class="portfolio-container">
            <div class="portfolio-header"></div>
            <div class="portfolio-content"></div>
            <div class="portfolio-footer">
                <div class="comments"></div>
            </div>
         </div>
      </div>
   </div>
</div>

//*位置是相对的
//*位置是绝对的
//*位置是绝对的
//*位置是绝对的
//*位置是绝对的

这几乎将投资组合项目放在一个网格中。我的问题是，我有一个评论系统里面添加的评论内联。发生这种情况时，“.portfolio”类会滑到页面上其余项目的下方。有没有办法通过css或jquery来解决这个问题？我知道你可以用相对来定位元素并使它们浮动，以防止它们在下面运行，但一旦你这样做，同位素插件就会崩溃。下面是问题的屏幕截图。 干杯

---

Mike

我猜评论是用Ajax插入的？也许有一些附加到它们的CSS可以被覆盖，以将它们放在不同的位置，并将它们保持在div中

---

同样可能的是，你不应该用同位素来做这个。如果您使用同位素只是为了创建网格，那么有更简单的方法（您可能只需要使用

float

）。同位素做了一些非常奇特的步法，在不同的浏览器中做得不同，并且非常喜欢处理具有漂亮、特定大小的元素。如果评论是用javascript添加的，那么在尝试计算布局中如何移动内容的同时更改div，您将遇到麻烦。

从这一点来看，评论在哪里或页面上的其他项目是什么还不够清楚。你能举个例子吗？嗨，肖恩，我刚刚更新了这个问题给你一个更好的想法。嗨，肖恩，是的，评论是用Ajax完成的。一旦页面被刷新，一切都很好…问题只会发生在你发布评论而不刷新的时候。另外..我也在使用同位素进行过滤。我见过同位素的类似情况（例如刷新时ok），但是如果不看一个实例，很难说具体的事情。你打哪一个选择器？你能不能推迟打电话给同位素直到评论加载完毕，因为它们会影响他们父母的体型？嗨，肖恩，这是我买的一个模板，我正在为我们的公司工作。这里有一个演示的链接。这将向你展示同位素的东西。我试图实现的是在公文包项目中添加评论，这实际上是wordpress中的自定义帖子类型。