2013-04-10 79 views
1

我不是UI用户,但我不得不为一个副项目做一些CSS。我目前正在使用YUI-3文件;网格,重置和字体,所有这些都是v3.9.1。YUI-3 Grids &&谷歌Chrome浏览器:重叠文字

我遇到的问题是我的h2标记文本与设置宽度的重音框重叠,并且它只出现在Chrome中。它在Firefox,Safari和IE9中呈现良好。任何人都知道任何问题?

下面是它的外观在Chrome:http://grab.by/lwEM

这里是如何看起来在Firefox上:http://grab.by/lwEY

注意计数,26悬停在Chrome左口音,但口音有一个固定的宽度为6px。

- 更新 -

思考这个问题可能存在于我的自定义CSS,让我感动的代码片段进行测试,果然,甚至基本的,因为它是与铬,有在右侧的差距,这可以解释为什么我的文本是重叠的。它看起来像是由YUI reset.css引起的。

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

回答

1

尔加...在浏览YUI的CSS库,只见告示: '注意:文件 “grids.css” 已过时,使用 “cssgrids.css” 来代替。'不知道他们什么时候改变它,但是当我做出改变时,页面按预期呈现。

在附注中,我曾经使用Base + Reset,但似乎devs发布了YUI Normalize,它有不同的方法来跨浏览器进行规范化,肯定也会检查它。