“意外的CSS令牌：{”在Safari中和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%;

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