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

Question

我在 IE7 中遇到了边框问题。由于某种原因，边框仅从左侧和右侧显示:

IE7，渲染不正确:

FF，正确呈现:

使用这个 CSS:

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

我做错了什么？

Answer 1

很可能边界被 .tags 的高度剪裁了容器。 .tags a 的 CSS本身看起来还不错。

注意自 <a>是一个内联元素，你不能设置它的高度(除非你将它设置为 display:block )。高度差异很可能是由于不同浏览器呈现的字体不同造成的。还要注意 Safari，它倾向于使字体比所有其他浏览器更粗(占用更多像素)。