需要下拉列表排队并保持原状

Question

我正在尝试用另一个下拉框创建一个下拉框，但每当我将鼠标悬停在一个下方时，另一个就会进入下拉框的底部。

Here's what it's like right now.

感谢您的帮助！

Answer 1

您可以设置元素的vertical-align属性

.sub{
  vertical-align:top;
}

DEMO

Answer 2

问题是.sub{ display: inline-block; }注入了不必要的定位特征。

如果您摆脱了显示属性或将其设置为block，则设置float: left;代替，您将获得所需的效果。