使用.prependTo()时的奇怪余量

Question

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

现在我的要求是,添加新的foob​​ar内联块 <div>元素.没问题,使用jQuery - > .prependTo()救援(应用于父容器).现在问题出现了,第一次使用.prependTo()"某个地方",在新插入的元素的右侧创建了一个不可跟踪的边距(它看起来像这样).例:

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

我错过了什么？从哪里来的这个奇怪的边距/间距？怎么避免呢？

这是jsfiddle游乐场,上面的图片来自:

http://jsfiddle.net/r7d6s/

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

Answer 1

这是你父母内部的空白div(即换行).它通过HTML渲染器清理到普通空间.去掉它:

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