我在屏幕上的某个位置有一个我想要的按钮。问题在于firefox有点上升,在IE中有点下降。我该怎么办?
.btn1{
clear: both;
margin-top: 4%;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 740px;
}
答案 0 :(得分:1)
您看到浏览器之间存在差异的原因是因为您使用的是%。 %在不同浏览器之间计算和舍入不同。尝试使用px或pt
答案 1 :(得分:0)
做一个普通的样式表,使其适用于Firefox。然后,这样做:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="your-stylesheet-here.css" />
<![endif]-->
使这个样式表成为IE的特定样式表,以便该框在IE上看起来正确。
答案 2 :(得分:0)
将它放在页面顶部:
<!DOCTYPE html>
答案 3 :(得分:0)
您的HTML代码中有这个吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
使用指定的样式表:
<!--[if IE]>
<link rel="stylesheet" href="ie.css" />
<![endif]-->
您知道可以使用:margin: 4% 0px 0px 760px;
吗?
如果您想要横向居中使用:margin: 0px auto;
。原因760px可能会在较低/较高分辨率下崩溃。
答案 4 :(得分:0)
你需要使用“CSS重置”...谷歌为它:-) 每个浏览器都有自己的默认CSS,这就是问题所在; - )