IE7 中的 css 问题，不确定如何解决

Question

转到:http://appointview.com/pricing在 Internet Explorer 中(我使用的是版本 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>

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