html中二级菜单老是自动消失,纯css悬浮一级再悬浮二级菜单，二级菜单不消失...

总结：悬浮一级菜单用absolute定位，二级用relative

.menuDiv ul,

.menuDiv li {

list-style: none;

margin: 0px;

padding: 0px;

float: left;

}

.menuDiv>ul>li>ul {

display: none;

}

.menuDiv>ul>li>ul>li {

float: none;

}

.menuDiv>ul>li:hover ul {

display: block;

}

.menuDiv>ul>li>div {

width: 120px;

line-height: 40px;

background-color: #AFE;

color: black;

text-align: center;

}

.menuDiv>ul>li>div:hover {

color: #f0f;

background-color: #bcf;

}

.menuDiv>ul>li>ul>li>div {

width: 120px;

line-height: 36px;

background-color: #EFF;

color: #456;

text-align: center;

border: 1px solid #ccc;

border-top: none;

}

.menuDiv>ul>li>ul>li>div:hover {

color: #a4f;

background-color: #cdf;

}

• 菜单一
  • 列表一
  • 列表二
  • 列表三
• 菜单二
  • 列表一1
  • 列表二2
  • 列表三3
• 菜单三
  • 列表一
  • 列表二
  • 列表三
• 菜单四
  • 列表一
  • 列表二
  • 列表三

`