为什么 IE7 不能识别锚标签上的 CSS 填充样式？答案

【问题标题】：Why Doesn't IE7 recognize my css padding styles on anchor tags?为什么 IE7 不能识别锚标签上的 CSS 填充样式？
【发布时间】：2010-02-25 09:05:08
【问题描述】：

我的网站在 Firefox、Safari、Chrome 和 Opera 中运行良好，但由于某种原因 IE7 无法识别任何锚标记上的 css 填充。我想不通。在 IE7 中，如果您查看主页http://revolvermag.com 上显示“exclusives|popular|recent cmets”的选项卡，您会发现没有应用填充。

我已经解决了填充没有被应用到网站上其他地方的锚标签的问题，但在这里它看起来特别糟糕。有谁知道这方面的 CSS 修复？

【问题讨论】：

标签： css internet-explorer-7 padding

【解决方案1】：

a { display: inline-block } 可能会在保持内联级别的同时工作，这意味着它不会破坏页面。不过不能试，我没有IE7。在 IE8 inline 中可以正常工作。

【讨论】：

【解决方案2】：

您不能在非块元素上进行填充。如果你给他们一点 CSS 的爱：

a { display: block; }

然后他们会尊重填充。

【讨论】：

【解决方案3】：

将显示块添加到您的 a 中，使其具有高度

.tabNavigation li a {
   display:block
}

然后您需要将选项卡向后移动 7 像素，以便它们在线上。

.tabs .tabNavigation {
   float:left;
   list-style:none outside none;
   margin:-31px 0 0 -1px;
}

【讨论】：