无法获取Drupal自定义下拉菜单位置移动屏幕

时间:2012-06-28 21:17:07

标签: css drupal-7

我正在使用Drupal 7,我使用css创建了一个自定义下拉菜单。一切都显示得很好,但是当屏幕移动时下拉不会改变位置。

以下是一些屏幕截图:

Browser Smaller

Browser Expanded

这是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;
}

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

1 个答案:

答案 0 :(得分:0)

所以我想出了问题所在。在我的PHP中,我放置子菜单的div本身就是浮动的。我的解决方案是将它包装在与主菜单相同的div中,并且它完美地完成了。编写css或html从来没有问题,只是一个位置问题。考虑这个问题已经解决了。