Div 的位置不正确

Question

我正在使用Spectrum颜色选择器插件。共有2个容器。1-CCD_ 1和CCD_。容器的布局是用float创建的。我不想那样，因为这不是正确的安排方式。（请参阅此答案以供参考。）

我使用了display: inline-block，并删除了float，或者更准确地将其设置为none。当我这样做时，颜色选择器（右侧的容器）会被向下推一点。

我如何使其成为display: inline-block和float: none，并使右侧容器位于顶部，与左侧容器顶部齐平？

继电器代码：

.sp-picker-container,
.sp-palette-container {
  float: none;
  display: inline-block;
}

JSFiddle

我尝试添加代码片段，但问题不会发生在代码片段中。

Answer 1

尝试将属性vertical-align:top添加到.sp-picker-container0:

.sp-picker-container,
.sp-palette-container {
  float: none;
  display: inline-block;
  vertical-align: top;
}

请参阅http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/对于参考