jQuery clone() 在 div 上的位置很奇怪

Question

我的 body 中有一个空 div，具有以下 CSS:

div{
    border: 1px solid black;
    width: 100px;
    height: 100px;
    display: inline-block;
}

http://jsfiddle.net/CcmFJ/1/

然后我使用 jQuery 克隆该元素几次。结果为什么原来的占用了额外的margin？

Answer 1

这就是 display: inline-block 的问题。我通常使用 font-size: 0 修复此问题。 http://jsfiddle.net/CcmFJ/2/