css - Firefox CSS float 错误？

Question

更新 它似乎神奇地 self 纠正了，因为现在它可以工作了，但我强调这不是缓存问题，因为即使我能够更新新图像，但它们总是出现在“下方”而不是“旁边”......我不明白...但突然间它现在起作用了。

如果你检查www.dodomainer.com在 Safari 和 Chrome 中，标题中的两个图像 float ，但在 Firefox 中不 float 。知道如何解决这个问题吗？请注意，由于缓存的缘故，在 Firefox 中绝对不是这种方式

这是我使用的代码。知道如何解决这个问题吗？

<div class="header a"><a href="http://dodomainer.com/">
<img src="http://dodomainer.com/images/dodo4.jpg" width="400" height="50" padding-left="10px"  alt="dodobird" />
</a></div>

<div class="header b">
<a href="http://dodomainer.com/">
<img src="http://dodomainer.com/images/dodotest.jpg" width="380" height="70" padding-left="10px"  alt="dodobird" />
</a>
</div>

CSS

.header {  
    float: left;
    width: 400px;
}

 .a {
    height: 50px;   
}

 .b  {
    height: 70px;
    padding-left: 100px;
}

Answer 1

这里没有问题需要解决。

您的代码应该适用于所有浏览器。我检查了 IE、FF、Opera(虽然都是最新的)。一切顺利。

只有 2 个带有 float:left 的子 div。