Css 铬不'；t在div中正确渲染span_Css_Google Chrome

Css 铬不'；t在div中正确渲染span

css google-chrome

Css 铬不'；t在div中正确渲染span,css,google-chrome,Css,Google Chrome,当跨距嵌套在具有不同背景的div中时，其上下都有一个小间隙。FF不是那样渲染的以下是html： <html> <body> <div style="background-color:magenta"> <span style="background-color:cyan">Nested</span> </div> <div style="background-color:cyan">Ca

当跨距嵌套在具有不同背景的div中时，其上下都有一个小间隙。FF不是那样渲染的

以下是html：

<html>
 <body>
  <div style="background-color:magenta">
   <span style="background-color:cyan">Nested</span>
  </div>  
  <div style="background-color:cyan">Can you see that magenta line ?</div> 
 </body>
</html>


嵌套
你能看到那条洋红色的线吗？

有人有过这种经历吗

谢谢

PS：我在Xubuntu 9.10下运行chrome 5.0.307.9测试版，问题是默认的

行高。浏览器定义默认线高度（“正常”）的方式各不相同，但许多浏览器确实使其超过1em（跨度的默认高度）。尝试将线高度显式设置为1em：
<span style="background-color:cyan;line-height:1em;">Nested</span>

仅仅因为FF是单向的，并不意味着它是正确的方式。我的天哪，看一看！他们做了很多，每件事都错了。。。10多年了？很长一段时间以来，人们一直认为这是一个标准。（那是互联网的黑暗时代。）虽然FF与IE不太接近，但仍然如此。每个人对规则的理解都不同，您应该将每个css属性重新定义为您期望的属性，以使您的环境在浏览器之间保持一致。如果你有问题，去W3C看看应该是什么。W3C做过的一件坏事。几乎所有的事情都由他们的标准来解释，没有任何人会违约。我很高兴看到W3C在HTML5上设置正确，并在整个标准中解决了一些主要问题。这正是我想要的！非常感谢：）
<div style="background-color:magenta;line-height:1em;">

<div style="background-color:magenta;line-height:2em;">
  <span style="background-color:cyan;display:inline-block;">Nested</span>
</div>