并排div - 左侧div未正确定位

Question

我正在尝试使用以下代码并排放置两个div。基本上它可以正常工作here：

  div.keep-row-together {
      overflow-x: hidden;
      white-space: nowrap;
  }
  div.keep-row-together [class*="span"] {
      display: inline-block;
      float: none; /* - disabled as having issue in firefox */
  }

但是当我将js网格放入右侧div时，左侧div向下移动（至少在Chrome和Firefox中）。知道我要改变什么吗？这是plnkr。

Answer 1

添加到您的div

vertical-align: bottom;