同位素網格和內聯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 與相同，因爲同位素試圖計算它將如何移動佈局的東西，您將遇到麻煩。