html - 从 css 中删除拼写错误会奇怪地弄乱显示

Question

在尝试解决我在元素中遇到的问题时，我注意到我的 css 文件中出现了一个随机的“/”。删除它后，它实际上使部分边框在 Firefox 中消失了，甚至更多边框在 Chrome 中消失了……我已经将代码精简到最基本的部分，试图找出问题所在，但仍然无法弄清楚出来。我已将问题的根源缩小到我的 css 中的“元素”类，但不明白它有什么问题，因为当我只验证该类时它不会抛出任何错误。

下面是删除斜杠后的显示方式: http://jsfiddle.net/NrYws/2/

这里是斜线在我删除之前的位置，以及它如何正确显示(在 FF 和 Chrome 中)... http://jsfiddle.net/NrYws/3/

将斜杠移动到文件中的不同位置(即在 outerContainer 类上方)会导致显示效果不佳。当我完全删除“元素”类时，它工作正常: http://jsfiddle.net/NrYws/4/

我知道现在似乎不需要 items 类，但这只是因为我已将所有内容都剥离到骨头上以尝试修复此问题，并且是实际元素所需要的。

关于这里发生的事情有什么想法吗？我敢肯定，这是很明显的事情，我只是忽略了....

谢谢!

Answer 1

它就像删除了第一段 .items 一样工作。删除它并正确显示。

我相信，仅删除 .items 中的 overflow: hidden 就可以正常工作，我相信。

尽管无论您正在做什么，如果 overflow: hidden 是必需的，我们将需要更多的代码来为您提供一个如您期望的那样工作的修复。