如何消除 IE6 中的意外间距？答案

【问题标题】：How do I eliminate the unexpected spacing in IE6?如何消除 IE6 中的意外间距？
【发布时间】：2011-05-14 05:12:40
【问题描述】：

首先... 在 IE6 中，右侧有 10 张照片。在 IE7、IE8、Firefox 和 Chrome 中，它可以正确显示。但在 IE6 中，最后两张照片与其他照片之间有一个大约 60 像素的巨大空间。

任何想法这是从哪里来的，如何摆脱它？

过去 4 个小时一直在玩这些，想不通。

非常感谢，谢谢！

【问题讨论】：

@cambraca - 尽管我同意你的观点，但这并不总是一种选择。
@cambraca - 哦，来吧。不要都是失败主义者。消除 IE6 始终是一个不错的选择。
你可以为ie用户尝试类似this的东西：P

标签： css xhtml internet-explorer-6

【解决方案1】：

您是否尝试将 .right 类的宽度更改为 >=371px 与 368？这对我有用。

【讨论】：

这似乎是解决方案。知道为什么这 3 个像素在 IE6 中会有所不同吗？
很高兴它有帮助。我怀疑在这个特定标记中可能存在一些与框模型相关的 IE 错误（即使您设置了正确的 DTD 声明）.. 嗯，这都是关于 IE6 的。

【解决方案2】：

向您的#body .right .photo 类添加溢出声明：

{
    background:url("../images/bg-photo-trans.png") no-repeat scroll 0 0 transparent;
    display:inline-block;
    float:left;
    height:141px;
    margin-bottom:2px;
    overflow: hidden;
    width:184px;
}

【讨论】：

在这种情况下，添加 'overflow:hidden' 似乎没有任何区别。