我在this page的最底部看到了额外的空格,但仅在IE7和Chrome中(并且可以预期,在IE8模式和兼容模式下的IE8中)。 Here's在IE7中对我来说是什么样子。我已经使用Firebug和IE开发人员工具栏检查了代码,没有发现任何异常。有人知道是什么导致了此特定于浏览器的空白吗?谢谢。
最佳答案
获得空白的原因是因为您在页脚中使用徽标的相对位置。请改用绝对定位。
Relative positioning相对于其原始位置移动元素,但它们的原始位置仍被“占据”,随后的元素则表现为没有任何变化。
因此,空格是由这些徽标占据的原始位置引起的。如果对页脚内的所有元素都注释掉position: relative
,您将看到导致该空格的原因。
当然,绝对定位不是修复它的唯一方法,但它无疑是最简单的方法。您也可以浮动它们,或者使用display: inline-block
,display: table-cell
,或者甚至仍然使用相对定位,只要考虑到上述情况(例如,以负边距进行游戏)。