Safari中的“意外的CSS令牌：{”和div之间无法解释的差距答案

【问题标题】："Unexpected CSS token: {" in Safari and unexplained gap between divsSafari中的“意外的CSS令牌：{”和div之间无法解释的差距
【发布时间】：2014-01-24 01:20:53
【问题描述】：

我觉得我正在失去理智。我正在为网页编写 HTML 和 CSS，两个 div 之间出现了我无法消除（或变得更大，就此而言）的间隙。我在 Safari 7.0.1 和 Chrome 32.0.1700.77 中查看它。线索……

使用开发工具突出显示元素时，间隙会突出显示为橙色，表示它是一个边距。
根据侧边计算的CSS规则，最远的div及其容器div的边距设置为0，但仍有差距。
最后检查了控制台，它在连续两行 (95, 96) 上报告“Unexpected CSS token: {”。
在 Chrome 中，空间仍然存在，但错误消息不再存在。
通过验证器运行 CSS...并且没有警告或错误（“未知供应商标志”除外）。
尝试了 font-size: 0，删除 HTML 元素之间的空格，并确保没有任何内容已经内联（据我所知）。

会不会有一些隐藏/不可打印的字符或我错过的一些愚蠢的东西？？

重要的 CSS 在这里，其余的在 jsfiddle 上。

#logo-banner-container {
    width: 30%;
    float: left;
}

#logo-banner {
    width: 95%;
    height: 430px;
    margin-right: 0px;
    font-size: 0;
    background-color: rgba(250, 250, 250, 0.4);
}

img#logo {
   width: 90%;
   height:  auto; /* Ensures proportional scaling of the image */
}

Code here

注意：图片已被注释掉或替换。没有进行其他更改

【问题讨论】：

这就是你想要摆脱jsfiddle.net/j08691/dzq24/1的差距吗？
您在#logo-banner 上设置了 95% 的宽度，导致出现间隙
刚刚尝试将img设置为块（添加显示：块），如此处建议stackoverflow.com/questions/2953763/…，无济于事
@j08691 是的......你做了什么？（很抱歉忘记澄清！）
我认为该评论是针对@j08691，但我认为他只是将宽度更改为 100%。（或者您可以将其删除，因为它是一个 div，因此默认为 100% 宽度）。

标签： css whitespace margin removing-whitespace

【解决方案1】：

#logo-banner {
    width: 95%;

删除宽度设置将解决您的问题。

【讨论】：