谷歌浏览器不显示右边框答案

【问题标题】：Right border not displaying on google chrome谷歌浏览器不显示右边框
【发布时间】：2011-01-06 03:33:26
【问题描述】：

我有一个div，其中包含一个带有一些边框的a。见：

http://webnumbr.com/all

在 FF 和 IE 中效果很好，但为什么右侧在 Chrome 中不呈现？它是无效的CSS吗？（如果重要的话，在 chrome OSX 中测试）

【问题讨论】：

能否附上相关的css代码？
不仅仅是谷歌浏览器，它是 WebKit。

标签： css google-chrome

【解决方案1】：

测试用例：因此在给定 URL 的内容发生变化后，这个问题仍然有意义：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html><head><style type="text/css">
div {
  float: left;
  clear: left;
  margin: 3px;
}
span {
  border: 1px solid;
}
</style></head><body>

<!-- does not show right border -->
<div><span>With trailing space, no width </span></div> 

<!-- does show right border -->
<div><span>No trailing space, no width</span></div>
<div style="width: 40ex;"><span>With trailing space, has width </span></div>
<div style="width: 40ex;"><span>No trailing space, has width</span></div>

</body></html>

在带有 WebKit 532.6 的 Google Chrome 4.0.266.0（官方版本 33992）中验证。

【讨论】：

哎呀。铬错误？你提交了吗？
既然是webkit中的一个bug，我应该如何改变我的html来达到同样的效果，又能避免这个bug呢？
@Paul：你什么意思？我给出了三个显示右边框的不同示例。

【解决方案2】：

我无法告诉您发生这种情况的原因，但我想我可以为您解决问题。您的链接内容有空格，显然 Chrome 不能很好地处理这个问题。

如果您删除 <a> 标签内容周围的额外间距，问题就会消失（我在 Chrome 检查器工具中执行此操作）。所以，改变：

<a href="pclark-hacker-news-karma"> 4,481 </a>

到：

<a href="pclark-hacker-news-karma">4,481</a>

Chrome 在处理浮点数时必须以一种奇怪的方式处理空格（如果您删除 search_data 类的浮点属性，边框也会出现）。

【讨论】：

不错的发现，正在盯着它看，看不到。我认为这与 .search_data 在没有指定宽度的情况下浮动有关（添加它，这也会消失）。
哇...我做错了什么（无效、非规范、非标准等）吗？它是 chrome 中的错误吗？