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

垂直整列トップを使用します。これは、インライン/インラインブロック要素に対して機能します。

.box {vertical-align:top}

Answer 2

1.float:left;に追加.box

2.vertical-align:topに追加.box

3.font-size:0px;に追加#container

そして他の多くの方法:)