html - Firefox 9 (Mac) 解析边距有问题?

标签 html css firefox layout margin

我在当前元素中遇到了非常奇怪的问题。 #head div 看起来启用了 margin-top css 设置,但实际上没有。仅在 Firefox 9.0.1 (Mac) 上出现,其他浏览器正常。

这是 link to the demo layout .不确定它是否发生在 FF 9.0.1 Win 版本中。但是,IE7 可以正确呈现它。请参阅附加图像以查看其呈现方式。因此,如果您在 Firebug 中禁用 #head div 下的 margin-bottom:23px,您会看到它会向上移动,但到底为什么!?这是我们禁用的 margin-BOTTOM 设置...

这是我,还是FF?

The problem in FF 9.0.1

最佳答案

这里发生的事情是底部边距与顶部边距重叠,结果全部被视为顶部边距。 CSS 规范要求这种行为,并且所有现代浏览器(当然不包括 IE7)都实现了它。

关于html - Firefox 9 (Mac) 解析边距有问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9024927/

相关文章:

html - 是否可以使用 CSS3 更改@keyframes?

html - 使背景颜色延伸到溢出区域

html - 如何以 html 格式播放上传到 Amazon S3 存储桶的文件?

javascript - ngTouch 的 ngClick 阻止复选框和视频在大多数移动设备上工作

css - 将 Joomla 模板样式应用到我自己的内容的简单方法

jquery - 为什么 jQuery UI 使用嵌套的 css 类?

css - SVG 属性在 Firefox 中被忽略

jquery - -moz-transform 停用数据表标题中的排序选择字段

javascript - Firefox 插件需要 chrome

java - 从网页获取 Java 或 C 程序的输入?