使用.prependTo（）时的奇怪余量

Question

我在理解以下行为方面遇到了一些麻烦。我有一个容器<div>，其中包含一些内联块 <div>节点。示例视图：

现在我的要求是，添加新的 foobar内联块 <div>元素。没问题，使用jQuery - ＆gt; .prependTo()救援（应用于父容器）。现在问题出现了，第一次使用.prependTo()“某个地方”在新插入的元素的右侧创建了一个不可跟踪的边距（它看起来像这样）。例如：

正如你所看到的，只有第一个元素有这个边距（同样，我无法使用Firebug / DevTools跟踪空间，看起来它不存在）。所有进一步的插入都很好。在第一个元素上使用.insertBefore()也可以正常工作并且看起来很棒。不幸的是，我不能在我的特定用例中使用.insertBefore()，这就是为什么我在这里要求一些单挑。

我想念什么？从哪里来的这个奇怪的边距/间距？ 如何避免呢？

以下图片来自 jsfiddle 游乐场：

http://jsfiddle.net/r7d6s/

到目前为止，我只在Firefox 4/5/6上测试过。

Answer 1

这是你父亲div内的空白（即换行符）。它通过HTML渲染器清理到普通空间。删除它：

<div id="area"></div>