1

即使我已经在其他主要的网络浏览器（Chrome、Firefox、Safari）上成功地完成了 IE6/IE7 的布局，我也遇到了问题。

很抱歉，我无法在 JSFiddle 上复制错误，所以我在这里给出网站的url。在网站中，我只想设置右侧三个图像缩略图的高度（在 In-House Guru 部分下）。
我已将高度设置如下：

.in-house-guru .ihg-thumbnail {
  height: 112px;
}

但是，它们不是具有相同的高度，而是具有不同的高度。更糟糕的是，当我尝试通过 IE 开发者工具调试代码并尝试将高度直接注入（设置）到浏览器中时，什么也没有发生。
如果我增加 CSS 中的高度，比如增加 500 像素，它们也会增加高度，但是它们的高度不同（例如 477 像素、495 像素和 120 像素）。

附加说明：
此处使用带有 Zurb-Foundation 3 的指南针。以前网格存在问题，因为它们不支持 IE7 和早期，幸运的是我已经设法使用 Schepp 的 boxsizing.htc 脚本修复了它。
我使用 IE9 和 IE7 浏览器模式进行了测试。

任何人，请帮助我。它把我的头发扯掉了。
提前致谢。

4

1 回答 1

0

问题不在于图像，实际上是风格li

.block-grid.two-up > li {
    padding: 0 5px 11px;
    width: 50%;
}

第一个图像的padding-bottom11px 与第二行中的第三个图像重叠，因此出现了问题。

为 li 提供 5px 的恒定填充，如下所示：

.block-grid.two-up > li {
        padding: 5px;
      }

似乎为我解决了这个问题。

于 2012-12-18T14:53:11.230 回答