html - IE8不显示？

Question

我遇到了一个令人费解的问题，即某些 HTML 在所有现代浏览器和 IE7 中都可以正常显示，但在 IE8 中却完全无法显示。我绞尽脑汁想知道哪种 CSS 可以解决这个问题，但每次都没有成功。

如果你看this link在 chrome 中，靠近底部你会注意到 FB/Twitter 共享按钮，但如果你在 IE8 中查看相应的空间，什么也没有。有人可以检查一下并告诉我吗，我很困惑...

CSS代码是:

body div.mr_social_sharing_wrapper {
  clear: both !important;
  overflow: hidden !important;
  height: 40px !important;
  width: 960px !important;
  z-index: 2000 !important;
  line-height: 30px !important;
  float: left;
}

span.mr_social_sharing, 
span.mr_social_sharing_top {
  float: left;
}

是的，我知道使用 !important 是一种糟糕的形式；它是继承的而不是选择的:)

Answer 1

似乎可以通过删除显示样式(您同时拥有 display: inline-block 和 display:block)和 float: left 来解决> 来自 span.mr_social_sharing_top。

如果有充分的理由需要显示样式(在其他浏览器中有问题吗？)，您还可以向这些跨度添加固定宽度来解决问题。