html - div 中不需要的文本行

Question

所以，我遇到了一个问题，我一直在努力解决这个问题。据我所知，我的 DOM 结构中有一行额外的文本(或看起来)是由浏览器添加的。这在我运行过代码的所有浏览器(IE8、IE9、Chrome 20、Firefox 11)中都会发生，我想将其删除。

这是我的 HTML:

<div id="wrapper">
    <div id="inner">
        <div class="item">
            content
        </div>
    </div>
</div>​

这是我的 CSS:

#wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.item {
    float: left;
    width: 171px;
    position: relative;
    background: #fc0;
}

这是一个显示我的问题的 jsfiddle:http://jsfiddle.net/henrikandersson/wMg2m/

如您所见，顶部和黄色元素之间有一个间隙，据我所知，这是由 #inner-div 上方的一行文本引起的，该文本不应该存在。

Answer 1

你有一个不可见的控制命令 &65279;收盘后>你的包装 div。它实际上是 HTML 编码的 byte order mark .

只要删除那个就可以了。

参见 this updated fiddle .