IE7 文本被下推答案

【问题标题】：IE7 text being pushed downIE7 文本被下推
【发布时间】：2011-07-18 06:25:23
【问题描述】：

在 Firefox 和 IE8 中这很好，但在 IE7 中，大“CHISTOPOL”标题右侧的向下箭头图像比它应该的位置更靠下。看起来它被向下推了一行，好像“CHISTOPOL”文本占据了 100% 的宽度。

为什么会发生这种情况，我该如何阻止它？

【问题讨论】：

请使用有意义的标题。
在 IE 7 中，您的 Chistopol-link 采用整行，因此箭头转到下一行，并像 float:right 一样向右浮动。为什么 Chistopol-link 会占用我没有真正看到的完整线路，但它显然不是故意的，并且可能是 IE7 float 或 clear 错误。

【解决方案1】：

不确定到底是什么问题，但它也发生在 IE6 中。

您可以应用以下 CSS

#welcome-title-bottom {
    position:relative;
}

然后将style="position:absolute;right:5px;" 添加到“箭头”锚点并删除class="right"，这在IE6 中为我解决了问题。

就我个人而言，由于这些跨浏览器布局问题，我尽量避免使用 CSS 浮动。

【讨论】：

【解决方案2】：

尝试从#welcome-title-bottom a 中删除width:auto 看看是否有帮助。

【讨论】：