Question

我一直在尝试在stackoverflow中搜索这个，但我找不到答案。

我用于测试的浏览器： Firefox 3.6.8 Internet Explorer 6.029

我正在创建一个框并通过position：absolute和top and left属性定位它：

#testBox {
  top:10px;
  left:480px;
  width:220px;
  padding:3px;
  position:absolute;
  font-size:14px;
  text-align:center;
}

<div>
  <div>
  <span style="position:relative;">
    <span id="testBox">
    testtesttesttesttest<br />
    </span>
  </span>
</div>

正在发生的事情是“testBox”跨度在IE中比FireFox更进一步。我有什么办法可以解决这个问题吗？谢谢，罗伊

Answer 1

Ie6，将是问题，特别是6部分。

您很可能需要在不同的样式表中定义不同的规则。查看条件语句：http://creativebits.org/webdev/ie_conditional_css

此外，您可以尝试使用css重置，它将使事情变得简单： http://www.yahooapis.com/yui/3/cssreset/

Answer 2

我不知道非hackish方法，但您可以使用条件HTML（即黑客）来改变IE6中的顶部。把它放在你的CSS之后，在HTML中。

<!--[if lt IE 7]>
    <style type="text/css">
            #testBox {
               top: 20px; // or whatever
            }
    </style>
<![endif]-->

CSS Top属性在Internet Explorer和FireFox之间有所不同

2 个答案: