显示：内联块正在定位下面的元素

Question

我有一个非常基本的并排布局，我正在尝试实现它，但它似乎将元素向下推。

JSFiddle - https://jsfiddle.net/ca616067/1/

.whitebox {            
    background-color: #fff;            
    height: 200px;   
    display: inline-block;        
}

我已经通过使用修复了它；

Display:inline-block;
position:relative;
top:-185px;

有没有更好的方法来解决这个问题？

Answer 1

您可以vertical-align在块级元素上使用以使它们彼此对齐。

你可以在这个小提琴中查看这个