我想知道是否可以进行以下操作。将<button>放在<div>中，将其放在父<div>中。在孩子<div>的悬停上方，有一个下拉信息面板，其中显示诸如电子邮件和电话号码之类的信息。我已经进行了一段时间（请参阅下面的小提琴链接），但是我无法使下拉菜单显示在父<div>之外的任何地方，而且该下拉菜单应直接显示在按钮下方而不是按钮本身的顶部。
按钮名称为“联系人”
答案 0 :(得分：2)
您的.navbar类溢出：隐藏阻止内容超出范围，我只是尝试删除该值，并在.drop-content类上添加一些top：50px，它显示良好。
答案 1 :(得分：1)
.drop-content必须是.dropdown元素的子元素，才能在CSS中直接对其进行操作。您可以使用JavaScript或jQuery完成此效果，也可以重构页面，使.drop-content保持在.dropdown div之内。
这是jQuery的外观：
$('.dropdown').mouseover(function(){
$('.drop-content').show();
});