我正在尝试设计一个 div 的样式，使其具有带有文本和图形的标题区域。当我添加一个 svg 元素时，span 元素的位置不再是我指定的位置。我将 span 定位为相对的，以便将其填充在顶部。
这是 js-fiddle:http://jsfiddle.net/fZTm7/3/
我希望第二个 div 看起来和第一个一样，只是用 svg 矩形替换了 Bar。
我还看到，随着我降低 svg 元素的高度，span 从其预期位置的位移量变小了。这完全令人费解。由于我在 chrome 和 firefox 中看到相同的行为，我确信有一些 css 规则被破坏了。
谁能解释一下？
最佳答案
在 span 和 svg 上使用 float: left。请参阅:http://jsfiddle.net/fZTm7/10/
关于css - 对 span 在 div 中的 CSS 定位感到困惑，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8992599/