为什么css 下拉菜单 的下拉内容框不在下拉按钮的正下方

上面是html 和css 的代码
下拉菜单的下拉框为什么不在对应按钮的下方，而且三个下拉框还重合了。

给dropdown加宽度，然后再给dropdownto加top,left值