Html 如何删除上部元素的默认间距（大量div'；s）

我通过以下方式使用jquery创建了很多div（~200）：

wrapper.append('<div class="clicker"></div>');

JS部分正在工作，但是元素没有按预期对齐。 间距从何而来？如何删除它

看起来是这样的：（黑色边框的小盒子）

---

摆弄示例：

添加

float:left至
。单击按钮

.clicker{
    width: 3px;
    height: 3px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid rgba(0,0,0,0.3);
    margin: 0;
    padding: 0;
    float: left;
}

我不知道您的
#wrapper
div的CSS，但我怀疑
div
本身有一个意外的
行高
CSS属性

这会奏效的


$（文档）.ready（函数（e）{
插入（）；
});
函数插入（）{
对于（变量i=0；1000>i；i++）{
$（''）.appendTo（$（'#wrapper'）；
}
}
#包装器。点击器{
宽度：3倍；
高度：3倍；
显示：内联块；
垂直对齐：顶部；
边框：1px实心rgba（0,0,0,0.3）；
保证金：0；
填充：0；
}
/*线条高度会导致垂直空间。
将其设置为零点，则空格将消失*/
#包装纸{
线高：0；
}
添加
行高：0px或
字体大小：0px到
#包装器

行高：0px

字体大小：0px
我想我们需要更多的代码，你可以在JSFIDLE中发布一个单独的例子吗？当然-给我第二个粗略的猜测：
#wrapper
中有
行高，或者你可以更改
行高：3px在
#翘曲器上
！float left在小提琴中为我工作-然而，在浏览器中，线条高度（与float left组合）工作-谢谢！酷，如果这有帮助的话，我可以把我的答案标记为正确。谢谢。我需要再等一分钟——我会尽快把它标记为正确的
.clicker{
    width: 3px;
    height: 3px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid rgba(0,0,0,0.3);
    margin: 0;
    padding: 0;
    float: left;
}