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

Question

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

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

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

Answer 1

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

例如，来自：

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

至：

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

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