CSS：第n個孩子 - 額外的間距在底部

Question

頁的問題：http://bit.ly/1xLOmeS

三分之一的李有額外的間距以不應該在那裏底部。 我嘗試過使用第n個孩子（奇數）和（偶數），如下圖所示，並且還嘗試了將右邊距設置爲0px的li：n-child（2n + 2）條件，以防止每個第二個盒子轉移到下一行。這個空間來自哪裏？

CSS

ul.comment-card { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 
.comment-card li:nth-child(odd) { 
    background: #fff; 
    display: inline-block; 
    height: 300px; 
    list-style: none; 
    margin: 0 20px 26px 0; 
    padding: 30px; 
    width: 327px; 
} 
.comment-card li:nth-child(even) { 
    background: #fff; 
    display: inline-block; 
    height: 300px; 
    list-style: none; 
    margin: 0 0 26px 0; 
    padding: 30px; 
    width: 327px; 
} 
.comment-card li .meta { 
    color: #767da1; 
    font-weight: 400; 
    line-height: 1.4em; 
} 
.comment-card .meta img { 
    position: relative; 
    top: -8px; 
} 

Answer 1

.comment-card li:nth-child(odd) { 
background: #fff; 
display: inline-block;  
height: 300px; 
overflow: hidden; 
list-style: none; 
margin: 0 20px 26px 0; 
padding: 30px; 
width: 327px; 
} 
.comment-card li:nth-child(even) { 
background: #fff; 
display: inline-block; 
height: 300px; 
overflow: hidden; 
list-style: none; 
margin: 0 0 26px 0; 
padding: 30px; 
width: 327px; 
} 

實施例：jsFiddle