css - 如何摆脱溢出的 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

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

.box {vertical-align:top}