javascript - 使用 .prependTo() 时奇怪的边距

Question

我在理解以下行为时遇到了一些麻烦。我有一个容器 <div>其中包含一些内联 block <div>节点。示例 View :

现在我的要求是，添加新的 foobar 内联 block <div>元素。没问题，使用 jQuery -> .prependTo()救援(应用于父容器)。问题来了，第一次使用.prependTo() “某物，某处”在新插入的元素的右侧创建了一个无法追踪的边距(在我看来是这样的)。示例:

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

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

这里是 jsfiddle Playground ，上面的图片来自这里:

http://jsfiddle.net/r7d6s/

目前我只在 Firefox 4/5/6 上测试过。

Answer 1

它是父级 div 中的空白(即换行符)。它被 HTML 渲染器清理到普通空间。删除它:

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