css - YUI-3 网格 && 谷歌浏览器 : Overlapping text

Question

我不是 UI 专家，但我不得不为一个副元素做一些 CSS。我目前正在使用 YUI-3 文件； grids、reset、fonts，都是v3.9.1。

我遇到的问题是我的 h2 标签文本与一个设置宽度的强调框重叠，而且它似乎只发生在 Chrome 中。它在 Firefox、Safari 和 IE9 中呈现良好。有人知道任何问题吗？

这是它在 Chrome 上的样子:http://grab.by/lwEM

这是它在 Firefox 上的样子:http://grab.by/lwEY

请注意计数，26 悬停在 Chrome 中的左侧重音符上方，但重音符的宽度固定为 6 像素。

-- 更新--

考虑到问题可能出在我的自定义 css 上，我移出一段代码进行测试，果然，即使是最基本的 Chrome，右侧也有一个空隙，这可以解释为什么我的文字重叠。看起来它是由 YUI reset.css 引起的。

代码片段:http://cssdesk.com/4ctMs

Answer 1

Gah...正在浏览 YUI Css 库并看到通知:“注意:文件“grids.css”已弃用，请改用“cssgrids.css”。不确定他们何时更改它，但是当我进行更改时页面按预期呈现。

附带说明一下，我曾经使用 Base + Reset，但开发人员似乎发布了 YUI Normalize ，它有一种不同的跨浏览器规范化方法，当然也会检查一下。