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）。 Isotope做了一些非常花哨的步法，在不同的浏览器中有不同的做法，并且非常喜欢处理具有漂亮，特定大小的元素。如果评论是用javascript添加的，那么改变div 和一样，Isotope试图计算它如何为布局移动，你就会遇到麻烦。 / p>

同位素网格和内联ajax注释

1 个答案: