html - margin-top 行为因浏览器而异

标签 html css firefox user-interface google-chrome

我们有一个 richfaces 表(rich-table 样式类),我们希望在表的顶部有一些空间。我们尝试在上面的样式类中使用 margin-top,其值以 px 和 %age 为单位。但是在两种浏览器中产生的行为是不同的。与 Chrome 相比,FF 产生更多空间。我们如何解决这个问题并与浏览器无关?

最佳答案

您可能需要考虑使用 reset stylesheet .

A reset stylesheet will reduce browser inconsistencies like default line heights, margins and font sizes of headings.

您可能还想查看以下文章以进一步阅读该主题:

关于html - margin-top 行为因浏览器而异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3288456/

相关文章:

javascript - 如何在 html5 视频播放器中完成下载后播放视频?

javascript - 按容器更改字体大小

javascript - 将表格的列折叠到移动设备的选项卡

HTML/CSS Z :index Position:Relative Question

javascript - Firefox 中 <video> 循环属性的解决方法

javascript - 在我的 PHP 页面中加载图像时出现问题

html - 复选框样式在 Safari 移动设备上不起作用

javascript - 如何根据 onclick 函数获取两个输入字段值

html - 站点不响应 float :left and float:right in safari (OK in Firefox and Chrome)

javascript - window.content.mozInnerScreenY 值在 Firefox 33.1 中不起作用