如何防止导航栏下拉菜单与其他内容重叠？

.dropdown-menu {
  position: absolute;
  z-index: 9999;
}

.dropdown-menu {
  position: fixed; /* 或者 position: sticky; */
  top: 100%; /* 或者其他合适的数值 */
}

var dropdownMenu = document.querySelector('.dropdown-menu');
var navBar = document.querySelector('.navbar');

navBar.addEventListener('mouseenter', function() {
  dropdownMenu.style.display = 'block';
});

navBar.addEventListener('mouseleave', function() {
  dropdownMenu.style.display = 'none';
});