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的不重叠。你的情况很可能是由“基线”引起的，其中下一组元素基于最后元素的基线（它将位于元素中间的某个位置）。