css - 无法让 Drupal 自定义下拉菜单位置随屏幕移动

Question

我正在使用 Drupal 7，并使用 css 制作了一个自定义下拉菜单。一切都显示正常，但屏幕移动时下拉菜单不会改变位置。

以下是一些截图：

这是CSS：

**/*---------VISITORS SUBMENU---------*/
#block-menu-menu-visitors .content ul.menu{
  position: relative;
  margin-left: 0 auto;
  margin-right: 0 auto;
}**
#block-menu-menu-visitors .content ul.menu li{
 padding: 2px 15px 2px 15px;
 list-style-type: none;
 display: inline-block;
 background-color: #ffff90;
}

#block-menu-menu-visitors .content ul.menu li:hover{
 padding: 2px 15px 2px 15px;
 display: inline-block;
 background-color: #ffffaa;
}

关于如何使位置相对于屏幕尺寸相同的任何想法？

Answer 1

所以我发现了问题所在。在我的 php 中，我放置子菜单的 div 本身是浮动的。我的解决方案是将它包装在与主菜单相同的 div 中，并且效果很好。编写 css 或 html 从来没有问题，只是位置问题。考虑解决这个问题。