CSS显示：表格单元格容器元素太高

Question

我想知道是否可能会出现任何人试图在display：table-cell类型的div内显示select元素的问题。

在http://dev.coinjabber.com/site/www.blockreward.io里面的div与类input-group有一个叫做select-container的元素。

我希望这个元素不要显示比它里面的元素高的元素。

我给了它一个高度：40px，但它的计算高度是55px由于某种原因。我只能在http://dev.coinjabber.com（即：在那里我激活了“选择”的jquery，所以select元素被隐藏，但在初始加载时仍然存在其中，第二次或让你看到的select元素丑陋的效果下移一点。）

Answer 1

的.select-container div有一个默认vertical-align值设置为baseline这就是为什么它是坚持父div的底部。您需要将其vertical-align属性设置为top，以便它移动到父div的顶部并均匀显示在一行中。

添加此CSS的样式表就能解决的问题，我测试过它在你的网站和它的作品perfecly：

#search-form .input-group .select-container { 
    vertical-align: top; 
}