同位素网格和内联ajax评论

Question

我在我的网站上使用同位素插件是在本地开发。我遇到了一个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来弥补这个问题？我知道你可以用相对位置来放置元素，并将它们浮起以防止它们在底下运行，但只要你这样做，那么同位素插件就会崩溃。以下是该问题的屏幕截图。 Screen Shot 干杯， 迈克

Answer 1

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

尽管如此，您不应该为此使用同位素。如果你只是使用同位素来创建网格，那么有更简单的方法来做到这一点（你可能只需要使用float）。同位素做一些很花式步法，它在不同的浏览器中有所不同，并且非常喜欢在具有很好，特定大小的元素上工作。如果评论是通过javascript添加的，更改div 与相同，因为同位素试图计算它将如何移动布局的东西，您将遇到麻烦。