3

我敢肯定这之前一定已经介绍过，因为我确定我不是第一个这样做的人，但我找不到答案。我正在为<div>使用重复的背景图像创建阴影效果。在底部的两个角落，我使用了 9x5 像素的小图像。我左右浮动它们，在 Firefox 和 Safari 中它们看起来很完美。在 IE8（可能还有其他 IE）中，它们向左和向右浮动太远大约 3px。

你可以在这里看到这个问题。这是我妻子的 ebay 模板。

到目前为止，我已经尝试设置 display:inline，这是对类似 IE6 问题的修复。我还尝试将图像边距和填充设置为 0px，但没有成功。

有任何想法吗？

谢谢， 卡拉格

4

2 回答 2

4

在浏览您的页面时，我发现它默认为怪癖模式，这是可能的问题，因为如果我将其强制为 Strict，它似乎可以解决所有 IE 情况下的浮动问题。

在这里阅读 ppk 的文章： http ://www.quirksmode.org/css/quirksmode.html

他解释了为什么会发生以及如何解决它:)

希望能帮助到你！

于 2009-09-10T10:58:49.713 回答
3

我认为这与浮动元素超出 div 的边界有关，请在关闭父 div 之前尝试插入：

<div style="clear: both; font-size: 1px; line-height: 0px;"> &nbsp;</div>
于 2009-09-10T10:50:26.163 回答