显示内嵌块悬停

Question

我正在使用display: inline-block;来保持一些div彼此相邻。我不知道为什么，但悬停的div将升高。我认为它向上移动的量与非悬停形式（.title类元素）中元素的填充有关。这很奇怪，我无法弄清楚为什么会发生这种情况，因为所有值都以悬停形式重置。

JSFiddle

注意我使用萨斯这样的CSS可能看起来有点怪异

Answer 1

.option { 
    vertical-align:bottom; 
} 

因为你声明的元素inline，他们遵循相同的垂直对齐规则为网页上的所有内容流 - 以中心为中心。强制它到整个生产线的一个固定的位置，它已经解决了。