IE7 img - 一个href，寻找解决方法

Question

我发生了这个问题，这是IE7中一个令人讨厌的错误。

href周围的img声称“波士顿捕鲸者”上方左侧有换行符。

我无法为此找到解决方法。也许有些人会这样做？

img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    display:block;
}

我在这里重现了这个问题：http://bouwknecht.nl/ie7bug

Answer 1

您的CSS规则存在很多问题 - bouwknecht.nl/boten - 在您的列表元素中＆lt; li＆gt;你有浮动内容（＆lt; img＆gt;标签），它不应该是浮动的，我假设你想要将你的图像浮动到左边，你需要浮动＆lt; a＆gt;标签＆lt; img＆gt;的父级并给它与＆lt; img＆gt;里面相同的边距不用说删除任何样式＆lt; img＆gt;标签，div.price也有很大的底部保证金，这是有原因的吗？你需要让＆lt; li＆gt;元素知道你有浮动元素，高度需要重新计算可能一个clearfix类型的解决方案在这里工作，同时溢出：隐藏;适用于＆lt; li＆gt;元素，但回到你的div.price你将需要修复边距，因为你正在使用负片，我尝试用margin：0修复它;它工作得很好，这可能不是“IE7的答案”，但一旦你修复了你的规则，你将确保每个浏览器最好符合规范，如果你编写错误的代码然后浏览器试图聪明并修复它为你使用它的独特方式，从而在一些

中工作

Answer 2

在IE7中，如果您还将float:left应用于h3元素，它将与顶部对齐。在这种情况下，请确保将clear:both应用于每个li元素。