UC知道在firefox下文字距顶部的距离比在IE下多了一像素
来源：百度知道 编辑：UC知道 时间：2024/06/22 11:50:51
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
* {margin:0;padding:0;}
.div {margin:10px auto;width:400px;height:100px;background:#ccc;}
h1 {float:left;width:390px;height:20px;padding:4px 0 0 10px;font-size:14px;background:#555;color:#fff;}
</style>
</head>
<body>
<div class="div">
<h1>测试</h1>
</div>
</body>
</html>
此段代码，h1中的
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
* {margin:0;padding:0;}
.div {margin:10px auto;width:400px;height:100px;background:#ccc;}
h1 {float:left;width:390px;height:20px;padding:4px 0 0 10px;font-size:14px;background:#555;color:#fff;}
</style>
</head>
<body>
<div class="div">
<h1>测试</h1>
</div>
</body>
</html>
此段代码，h1中的
这段代码我看不懂，不过不知道你用的js是不是用了一些微软做好了的比较简单的代码，那些代码是不符合w3c规则的，在非ie核心浏览器是会表现错误的
建议用不同核心的浏览器都查看一下，比较，如果只有ie是4像素，那就是代码的问题，如果只有firefox是5像素，那就是firefox的兼容性问题
不同的内核浏览器：ie6，7，ie8beta，opera，safari，firefox2，3
如果确认是代码针对ie的话，就弄个严格遵守w3c规则的做吧
您好，感谢您对火狐的支持
*{margin:0;padding:0;}
body{font-size:9pt;line-height:100%;}
用上面这两句替换BODY
您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
你这么知道距离是5像素，有这么精确吗？
因为IE跟FF的浏览区域不一样大 所以你看起来就少了一个像素
.div {margin:10px auto;width:400px;height:100px;background:#ccc;}
要明确定位的不要用auto