我正在使用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;
}
关于如何使位置相对于屏幕尺寸相同的任何想法?
答案 0 :(得分:0)
所以我想出了问题所在。在我的PHP中,我放置子菜单的div本身就是浮动的。我的解决方案是将它包装在与主菜单相同的div中,并且它完美地完成了。编写css或html从来没有问题,只是一个位置问题。考虑这个问题已经解决了。