IE和Div的高度

Question

有问题的网站：

http://www.sedulity.tk/

使用Chrome 19开发的网站：

---

使用IE9的网站：

正如你在主页上看到的那样使用IE似乎无法识别每张图片的DIV高度，而在chrome和firefox上则没有问题。

我认为这可能是我的错，不会因此而责怪IE ......但我无法弄明白：|

Answer 1

在你的css文件夹中有一个css文件ie7style.css，它用于ie（我在ie8中测试过），它有一个类（.item-image）

.item-image{
    height:142px;
}

尝试修复它或只删除它。

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

在此开发者工具截图中查看我已从文件height:142px中删除了类（.item-image）中的css条目ie7style.css

之后（文件without .item-image{height:142px}中的ie7style.css），请参阅ie8

中的页面

Answer 2

尝试为.item添加高度

CSS

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

Answer 3

您可能需要检查this article以查找不重叠的跨浏览器内联块。你的情况很可能是由“基线”引起的，其中下一组元素将它们的顶部基于最后一个元素的基线（这将位于元素中间的某个位置）。