在IE7中的CSS问题,不知道如何解决

时间:2012-10-17 16:44:03

标签: css internet-explorer cross-browser

转到:Internet Explorer中的http://appointview.com/pricing(我使用的是版本9,但在开发工具中将其设置为IE7模式)。

两个div没有排在顶部,就像它们在更高版本的IE中一样,以及在FF和Chrome中都能正常工作。我已经非常彻底地检查了这些要素,无法弄清问题是什么。

我不是最好的跨浏览器兼容性测试,所以也许有一个快速简便的修复方法?

1 个答案:

答案 0 :(得分:1)

IE7很乱。尝试删除div之间,关闭</div>和打开<div>之间的任何空白区域。

例如,来自:

  <div>
      First one
  </div>
  <div>
      Second one
  </div>

致:

  <div>
      First one
  </div><div>
      Second one
  </div>

这是一个非常常见的错误。 inline-block之间的空格是有问题的。尝试使用鼠标选择两个div,您会注意到有一个空白字符占据第二个div上方的非空间字符。