gpt4 book ai didi

html - css子菜单奇怪的位置

转载 作者:太空宇宙 更新时间:2023-11-04 12:16:22 25 4
gpt4 key购买 nike

menu problem

我的菜单有这个问题,我的最后一个菜单项“应用程序”不应该向下滑动,而是保持在原位。

我只需要用 css 解决这个问题。

我的CSS:

div.menu{
display: block;
float: left;
width: 10%;
position: absolute;
height: 20%;
min-height: 20%;
margin-right: 0;
margin-left: 0;
margin-top: 5%;
text-align: center;
color: #428bca;
z-index: 0;
}
div.menu ul{
list-style-type: none;
margin-right: 10px;
margin-left: 10px;
padding-left: 0;
padding-right: 0;
}
div.menu ul li{
background-color: #FFF;
width: 100%;
margin-top: 1px;
position: relative;
}
div.menu ul li ul {
display: none;
left:125px;
top:-20px;
float: right;
width: inherit;
height: inherit;
z-index: 1;
position: relative;
}

div.menu ul li ul li {
background: #fff;
}

div.menu ul li:hover ul {
display: block;
}
div.menu li:hover{
background-color: #ddd;
}

请帮助我,因为我很困惑。我正在使用 codeigniter

最佳答案

我认为这对您有帮助:

div.menu ul li ul {
display: none;
left:100%;
top:0px;
position: absolute;
}

还要确保您的 html 编写正确。

关于html - css子菜单奇怪的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28675504/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com