在IE7中缺少顶部和底部边框

我在IE7中有边框问题。出于某种原因，边界仅显示在左侧和右侧：在IE7中缺少顶部和底部边框

IE7，呈现incorectly：

FF，正确呈现：

使用这个CSS ：

.tags a { 
    background:#fff; 
    border:1px solid #D8DFEA; 
    padding:5px; 
    margin-left:5px; 
    color:#3B5998; 
    font-size:14px; 
}

我在做什么错了？

最有可能的是边界被.tags容器的高度限制。 .tags a的css本身看起来不错。

请注意，由于<a>是内联元素，因此您无法设置其高度（除非将其设置为display:block）。高度差异很可能是由不同浏览器呈现的字体造成的。还要注意Safari的倾向于使字体比所有其他浏览器更胖（占用更多像素）。

2010-01-22 20:18:26 slebetman

，我应该在这种情况下怎么办？ – 2010-01-22 20:20:28

向我们展示'.tags'或任何其他设置了高度的父容器的CSS规则。您向我们展示的CSS不会导致错误。 – slebetman 2010-01-22 20:22:31

优秀的冠军，当我把它设置为显示块，他们在单独的行中，我添加了浮动左，现在它工作tnx – 2010-01-22 20:29:30

我刚刚在IE中遇到同样的问题。我认为这是我在这个div中设置字体大小的原因。

我设置行高以匹配我的字体大小，这适用于IE，FF，Chrome，Opera，Safari - 是啊！

2010-08-27 09:52:33 helena

行高修复了在ie9发生的问题！ – Dave 2013-04-17 00:25:39

海伦娜的解决方案为我过，但澄清，我必须设置周边<div>的line-height是一个比<a>的字体大小稍大。

因此，像这样：

<div style="line-height:40px"> 
    <a style="font: 14px/36px Arial; ...."> 
</div>

2011-02-10 07:39:12 user256604

回答