【问题标题】:Absolutely positioned text getting cut off in IE7绝对定位的文本在 IE7 中被截断
【发布时间】:2026-01-02 03:15:02
【问题描述】:

http://cure.org/brant/

在页面的右侧,我有一些文本在 IE7 中被截断。它是绿色标签顶部的 HTML 文本编号。如果您使用 IE7(或 IE7 的开发人员模式下的 IE8)查看,您会看到它们在应该开始的位置下方被截断。

我感觉这可能与封闭锚元素上的填充和我可能不知道的 IE7 错误有关。

有什么建议吗?

【问题讨论】:

    标签: css internet-explorer internet-explorer-7 css-position


    【解决方案1】:

    你是对的,高度是 30px,字体大小是 32px,padding-top 是 25px

    因此,填充将文本在 30 像素高度内向下移动 25 像素,从而切断 32 像素字体的顶部 5 像素以外的所有内容。

    您需要将高度调整为 25px+32px = 57px。

    编辑:这里真正的杀手是 line-height:14px ——所以你只能看到 14px 的字体。 LI.lp-ask-butn-sm A:link

    所以 line-height:64px 和 height:60px 和 padding-top:5px 它会显示出来

    【讨论】:

    • 注意:您的 padding-top:25px 并不是真正需要的,因为 vertical-aline:baseline;
    • 是的,就是这样。我也想通了。我从包含锚声明中删除了 14px 的行高,然后为强元素添加了适当的行高,调整了顶部位置,一切都很好。感谢您的帮助伙伴!