IE和DIV高度

Question

站點中的問題：使用Chrome 19

http://www.sedulity.tk/

網站開發：

---

網站使用IE9：

正如你可以在IE瀏覽器的主頁上看到的，它似乎不能識別每張圖片DIV的高度，而在Chrome和Firefox上則沒有問題。

我認爲這可能是我的錯，不會責怪IE吧......但我無法弄清楚：

Answer 1

在你的CSS文件夾中有一個CSS文件ie7style.css和它被用於IE（我在IE8測試），它有一個類（.item圖像）是

.item-image{ 
    height:142px; 
} 

嘗試修復它或只是刪除它。

CSS文件：http://www.sedulity.tk/wp-content/themes/DeepFocus/css/ie7style.css

見這種開發工具截圖我已經移除文件類別（.item圖像）的CSS入門height:142pxie7style.css

之後（without .item-image{height:142px}在文件ie7style.css中）參見ie8中的頁面

Answer 2

嘗試增加高度的.item

CSS

#portfolio-items .item { 
    height:500px; 
} 

Answer 3

你可能想檢查this article一個跨瀏覽器的inline-block的不重疊。你的情況很可能是由「基線」引起的，其中下一組元素基於最後元素的基線（它將位於元素中間的某個位置）。