並排div - 左側div未正確定位

Question

我正在嘗試使用以下代碼並排放置兩個div。 基本上它可以正常工作，你可以在這里看到：

  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;