使用.prependTo（）時的奇怪邊距

Question

我在理解以下行爲時遇到了一些麻煩。我有一個容器<div>其中包含幾個內聯塊<div>節點。實施例視圖：

現在我的要求是，要前置新foobar的內聯塊<div>元件。沒有問題，使用jQuery - >.prependTo()來拯救（應用在父容器上）。現在出現這個問題，第一次使用.prependTo()「某處，某處」在新插入的元素的右側創建了一個不可檢測的邊界（它看起來像這樣）。例如：

正如你所看到的，只有第一個元素都有這個保證金（再次，我無法跟蹤使用螢火蟲/ DevTools的空間，好像它不存在）。所有進一步的插入都很好。在第一個元素上使用.insertBefore()也很好，看起來很棒。不幸的是，我不能在我的特殊用例中使用.insertBefore()，這就是爲什麼我要求在這裏進行一些提示。

我錯過了什麼？這個奇怪的邊距/距離是從哪裏來的？ 如何避免它？

這裏是的jsfiddle遊樂場裏以上圖片來自：

http://jsfiddle.net/r7d6s/

我只在Firefox 4/5/6測試爲止。

Answer 1

這是您父母div（即換行符）內的空格。它被HTML渲染器清理到一個普通的空間。刪除它：

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