jquery - div の jQuery clone() は、それを奇妙に配置します

Question

次の CSS を使用して、本文に空の div があります。

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

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

次に、jQuery を使用して要素を数回複製します。その結果、元のものが余分なマージンを取っているのはなぜですか?

Answer 1

それが の問題display: inline-blockです。私は通常、これを で修正しfont-size: 0ます。 http://jsfiddle.net/CcmFJ/2/

Answer 2

それをするdisplay:inline-blockことです。それを修正するにはいくつかの異なる方法がありますが、多くは質問の表示で説明されています: inline-block extra margin already.

私の好みの方法はfont-size:0、コンテナに設定することです。