如何摆脱溢出div之间的垂直边距？

Question

我有一长串内联阻塞的div，它们会溢出到下一行。即使我将边距设置为0，我也会在行之间获得边距：http://jsfiddle.net/szUPZ/。

* {
    padding: 0;
    margin: 0;
}
.box {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    display:inline-block;
}

#container {
    width: 300px;
    height: 500px;
    border: 2px solid red;
    overflow: auto;
}

如何强制溢出行的0个边距？

Answer 1

使用垂直对齐顶部，它适用于内联/内联块元素。

.box {vertical-align:top}

Answer 2

1.将float:left;添加到.box

2.添加vertical-align:top到.box

3.将font-size:0px;添加到#container

还有很多其他方法：）