IE7：嵌套的内联元素导致父级行为像块答案

【问题标题】：IE7: Nested inline elements are causing parent to act like blockIE7：嵌套的内联元素导致父级行为像块
【发布时间】：2011-11-30 20:28:31
【问题描述】：

我有一个链接，我用图标和边框设置了样式，看起来像一个按钮。它在除 IE7 之外的所有浏览器中都可以正常工作。带边框的<a> 标记正在扩展以填充其父级的宽度——它就像一个块。如果我删除图标， 标签，那很好。

注意：<a> 和  都有 display: inline-block，它应该在 Exploder 7 中得到支持，因为它们自然是内联元素。无论如何，我尝试在我的 ie7 样式表中为他们提供标准修复（缩放：1，显示：内联；）。没有运气。我已经尝试了所有我能想到的缩放、位置和显示组合；我浏览了各种帖子；任何帮助深表感谢！

这是 jsfiddle：http://jsfiddle.net/aF894/

【问题讨论】：

我会避免一起使用 b 标签。没有理由再使用这些旧的样式标签了。如果您只需要挂钩或使用 而不是 ，请使用跨度
谢谢——我的 b 标签不是语义的，它只是保存图标的背景图像。我使用，因为它比 短。我尝试替换 span，它没有改变任何东西。

标签： html css internet-explorer

【解决方案1】：

删除text-index: -9999px; 将使其工作。

IE7 的页边距有一些奇怪之处，您需要考虑到它才能像其他浏览器一样在 IE7 中显示。但是，这应该在看起来像您拥有的单独样式表中处理。

在其他浏览器中仍然可以使用。

http://jsfiddle.net/aF894/8/

【讨论】：

谢谢——我永远不会检查那个属性！它还没有工作，但我正在寻找一些关于 IE7 的文本缩进问题的其他线程，所以我会看看是否还有其他我遗漏的东西。
如果您可以发布更多您正在使用的实际代码，有人可能会提供帮助。 jsfiddler 中的示例正在运行。文本缩进的原因是什么？
文本缩进是隐藏图标字符并显示图像。（Phark 方法，css-tricks.com/630-css-image-replacement）- 将编辑帖子以添加到登台服务器的链接。
啊。可能想尝试通过 img 标签或其他方法直接添加图像。可能是其他 CSS 属性之一存在冲突。
Bingo - 另一个 float:right 在那个  标签上导致了问题。删除它和文本缩进，这很好！谢谢！