css - Safari 中的 "Unexpected CSS token: {"和 div 之间无法解释的差距

Question

我觉得自己快疯了。我正在为一个网页编写 HTML 和 CSS，两个 div 之间出现了一个间隙，我无法消失(或者变得更大，就此而言)。我在 Safari 7.0.1 和 Chrome 32.0.1700.77 中查看它。线索...

• 当使用开发工具高亮元素时，间隙高亮为橙色，表示它是边距。

• 根据侧面计算出的CSS规则，将最远的div及其容器div的外边距设置为0，但差距依然存在。

• 最后检查了控制台，它在连续两行 (95、96) 上报告“意外的 CSS 标记:{”。

• 在 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

注意:图片已被注释掉或替换。没有做其他改动

Answer 1

#logo-banner {
    width: 95%;

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