IE7中的css问题，不知道如何解决答案

【问题标题】：css issue in IE7, not sure how to fixIE7中的css问题，不知道如何解决
【发布时间】：2012-10-18 00:55:02
【问题描述】：

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

这两个 div 并不像在更高版本的 IE 中那样排列在顶部，而且在 FF 和 Chrome 中也可以正常工作。我已经非常彻底地检查了这些元素，但无法弄清楚问题是什么。

我不是最擅长跨浏览器兼容性测试的，所以也许有一个快速简单的修复方法？

【问题讨论】：

不要在一个帖子中问两个不同的问题。发布两个不同的问题，这不是被禁止的。
IE7 和 IE8+ 设计技术之间存在许多已知的兼容性问题。您将不得不为其中一个进行设计。如果你认为你会有很多 IE7 用户，那么你可以强制所有其他 IE 版本以 IE7 模式呈现
顺便说一句，截至 2012 年 9 月，全球 IE7 的使用率仅为 1.12%，那么您真的需要付出那么多努力吗？
@AntLaC 如果修复需要超过 30 分钟，那么不，我不会打扰。
祝你好运，我曾在一些公司的用户仍在使用 IE7 的公司工作，我们不得不强制所有页面像在 IE7 中一样呈现

【解决方案1】：

IE7 是一团糟。尝试删除divs 之间、关闭</div> 和打开<div> 之间的任何空白。

例如，来自：

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

收件人：

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

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

【讨论】：