Css 谷歌浏览器上没有显示右边框
我有一个Css 谷歌浏览器上没有显示右边框,css,google-chrome,Css,Google Chrome,我有一个div，它包含一个带有一些边框的a。见： 它在FF和IE中工作得很好，但是为什么右侧不能在Chrome中渲染呢？它是无效的CSS吗？（在chrome OSX中进行测试，如果有必要的话）我无法告诉您发生这种情况的原因，但我想我有一个解决方案。你有空间填充你的链接内容，显然Chrome处理得不是很好 如果删除 致： Chrome在处理浮点数时必须以一种奇怪的方式处理空格（如果删除搜索\u data类上的float属性，边框也会出现）。测试用例：包括在内，因此在给定URL的内容更改后，
diva它在FF和IE中工作得很好，但是为什么右侧不能在Chrome中渲染呢？它是无效的CSS吗？（在chrome OSX中进行测试，如果有必要的话）我无法告诉您发生这种情况的原因，但我想我有一个解决方案。你有空间填充你的链接内容，显然Chrome处理得不是很好 如果删除
搜索\u data<!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>
div{
浮动：左；
清除：左；
保证金：3倍；
}
跨度{
边框：1px实心；
}
带有尾随空格，没有宽度
没有尾随空间，没有宽度
带有尾随空格，具有宽度
没有尾随空格，有宽度
通过WebKit 532.6在Google Chrome 4.0.266.0（官方版本33992）中验证。请附上相关的css代码好吗？不仅仅是Google Chrome，它是WebKit。很好的发现，一直盯着它看，看不见。我认为这与.search\u数据在没有指定宽度的情况下浮动有关（加上它，这个也会消失）。哇。。。我是否做错了什么（无效、不规范、不标准等）？这是镀铬的虫子吗？哎呀。铬虫？你把它归档了吗？既然它是webkit中的一个bug，我应该如何更改我的HTML以达到同样的效果，但要避免这个bug呢？@Paul:你是什么意思？我给出了三个不同的例子，展示了正确的边界。
<a href="pclark-hacker-news-karma">4,481</a>
<!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>