我在 Firefox 4.0.1 中发现了一个奇怪的错误(它也发生在 Opera 11.5 中)所以我创建了这个例子来说明这个问题:
http://jsfiddle.net/whYC7/
如果在 safari 中查看一切看起来都很好，但是当我在 Firefox 或 Opera 中打开它时，带有负边距的 div 内的图像仍然占用下面 div 中的空间。
有谁知道解决这个问题的方法？
最佳答案
这是符合 CSS 规范的正确渲染。负边距意味着红色 div 的顶部高于其他情况，但是一旦您确定其顶部是文本的位置，则仅取决于 float 和 div 的交集。参见 http://www.w3.org/TR/CSS21/visuren.html#floats 开头的段落“A line box is next to a float”。
您可能想在此处提交有关 WebKit 的错误。
关于css - 奇怪的 Firefox 负边距，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6795897/