如何擺脫溢出divs行之間的垂直邊距？

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

1.增加float:left;到.box

2.加vertical-align:top到.box

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

和許多其他的方法:)

Answer 2

使用垂直對齊頂部，它適用於內嵌/內嵌塊元素。

.box {vertical-align:top}