在不同定位下实现下拉菜单的可见性，可以使用JavaScript和CSS来控制菜单的显示和隐藏。

下面是一个使用绝对定位的示例代码：

HTML代码：

点击展开菜单

  
菜单项1
  
菜单项2
  
菜单项3

CSS代码：

.dropdown-menu {
  position: absolute;
  display: none;
}

.dropdown-menu.visible {
  display: block;
}

JavaScript代码：

const dropdownBtn = document.querySelector('.dropdown-btn');
const dropdownMenu = document.querySelector('.dropdown-menu');

dropdownBtn.addEventListener('click', function() {
  dropdownMenu.classList.toggle('visible');
});

以上代码中，菜单使用绝对定位position: absolute;来实现浮动在按钮下方。初始状态下设置菜单的display为none，通过给菜单添加或移除visible类来切换菜单的显示和隐藏。

如果你想使用其他的定位方式，例如相对定位或固定定位，只需相应地修改CSS中的定位属性即可。同样的，使用相应的JavaScript代码来切换菜单的可见性。

希望以上代码能够帮助到你！