html - 整列して現在の場所にとどまるには、ドロップダウンが必要です

Question

別のドロップダウンボックスを作成しようとしていますが、一方にカーソルを合わせると、もう一方がドロップダウンボックスの下部に移動します。

今の様子です。

助けてくれてありがとう！

Answer 1

vertical-align要素のプロパティを設定できます

.sub{
  vertical-align:top;
}

デモ

Answer 2

問題は、.sub{ display: inline-block; }不要なポジショニング特性を注入することです。

displayプロパティを削除するか、に設定してからblockに設定するとfloat: left;、目的の効果が得られます。