在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

回答