3

我已经用了几个小时的代码不起作用，我找不到问题。我简化了问题以找到它。最后我找到了一个隐藏的角色，一个我看不见但让一切都出错的角色。

我真的很惊讶；如果它可以帮助某人，我会发布它。

这个隐藏的字符就在蓝色 css 之后，使后面的一切都变得不可见。如果有人删除该空间，红色就会变得可见！

我在三个地方发布这个。你可以看到这个令人惊讶的问题：

http://codepen.io/anon/pen/riKkn
http://dabblet.com/gist/3135074
http://jsbin.com/exokub/edit#html,live

对我来说，这真是令人震惊。我找了这么多小时。有谁知道为什么会这样？有没有办法让这些破坏一切的隐藏角色可见？

CSS：

#blue {position: absolute;width: 200px; height:100px;top: 50px;left: 150px; background-color: blue;}​

#red {position: absolute; width: 200px; height:100px;top: 200px;left: 150px; background-color:red;}​

HTML：

<div id="blue"></div>
<div id="red"></div>
4

2 回答 2

5

该字符是一个 UTF-8 零宽度空格：e2 80 8b. 当 CSS 解析器到达这个字符时，它会停止读取文件。

解决方案就是不要把这些放在首位。它们作为 CSS 的一部分无效。如果您有需要删除的现有文件，您可以使用十六进制编辑器打开文件以识别它们的位置。

于 2012-07-18T09:13:05.533 回答
2

在尝试了很多东西之后。我找到了两个显示错误的免费编辑器：
- TextWrangler：如果我去查看 > 文本显示 > 显示不可见，它会显示一个易于删除的红色 ​¿。
- Aptana Studio：在边界显示一个红十字，在空白处显示一个点。

我仍然不知道这个空白是如何或为什么出现的。对我来说这是一个重要的问题，因为它可以折叠一个项目，并且在我当前的编辑器 Dreamweaver 中无法看到它，无论我尝试哪个版本。在 JsFiddle、Jsbin、CodePen 或 Dabblet 等协作工具中都无法检测到此空白。

正如我所说，TextWrangler 和 Aptana 是一种易于使用且免费的解决方法。如果有人可以告诉其他编辑或像我这样的非专家查看它的简单方法，那就太好了。

于 2012-09-01T14:42:28.300 回答