顯示內嵌塊懸停

Question

我正在使用display: inline-block;來保持一些div彼此相鄰。我不知道爲什麼，但懸停的div將升高。我認爲它向上移動的量與非懸停形式（.title類元素）中元素的填充有關。這很奇怪，我無法弄清楚爲什麼會發生這種情況，因爲所有值都以懸停形式重置。

JSFiddle

注意我使用薩斯這樣的CSS可能看起來有點怪異

Answer 1

.option { 
    vertical-align:bottom; 
} 

因爲你聲明的元素inline，他們遵循相同的垂直對齊規則爲網頁上的所有內容流 - 以中心爲中心。強制它到整個生產線的一個固定的位置，它已經解決了。