Chrome中存在奇數div溢出

Question

由於某些原因，只有在Chrome中刷新此投資組合頁面時，縮略圖會中斷並向下移動到頁腳中。

我可以複製它的唯一方法是刷新頁面。

非常奇怪..它可能是一個JS問題？

前：http://cl.ly/463x3d0y1D1k3535162C

刷新後：http://cl.ly/3Y3Q1A2u3N373s0r210s

直播現場：http://atavist.baltimoredrew.com/?post_type=portfolio

Answer 1

它看起來像你所申請的高度內#portfolio文章元素。

我的猜測是，在圖片加載之前，您所做的'平等高度'代碼運行得太早，所以您的準確高度並不準確。

在實現等高位之前，請確保頁面已準備就緒（圖像加載，dom就緒等）。

希望這會有所幫助。

Answer 2

第一件事是奇怪的是這個底部的HTML片？頁面：

<style type="text/css" class="fluid-images">img{max-width:100%;height:auto;}</style> 

style標記沒有class屬性，所有的樣式都應該放在文檔的頂部。

它也可能有一些與此有關：

.fix::before, .fix::after, .col-full::before, .col-full::after { 
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden; 
} 

上面的代碼顯然是一個CSS破解，但我不承認它或它的目的。