<html>
<head>
<title></title>
<style>
.bbb1{
width: 300px
height: 20px
display:none
background-color:#33CCFF
}
.bbb2{
width: 300px
height: 20px
display:none
background-color:#33CCFF
}
.body_menubar{ width:100pxmin-height:300pxbackground-color:#33CCFF}
</style>
<script>
//菜单隐藏显示
function show(memu){
if(document.getElementById(memu).style.display=='block'){
document.getElementById(memu).style.display='none'
}
else{document.getElementById(memu).style.display='block'
}
}
</script>
</head>
<body>
<div class="body_menubar" style="float:left">
<div class="test" style="position: absolutez-index:2">
<div>
<div class="aaa1" id="btn" style="float:left">
<a href="javascript:onClick=show('memu1')">按钮1</a>
</div>
<div class="bbb1" id="memu1">
<a href="javascript:onClick=f1(1)">菜单1</a>
<a href="javascript:onClick=f1(2)">菜单2</a>
</div>
</div>
<div style="clear:both"></div>
<div>
<div class="aaa2" id="btn" style="float:left">
<a href="javascript:onClick=show('memu2')">按钮2</a>
</div>
<div class="bbb2" id="memu2">
<a href="javascript:onClick=f1(1)">菜单1</a>
<a href="javascript:onClick=f1(2)">菜单2</a>
</div>
</div>
</div>
</div>
</body>
</html>
浮动没清除的问题而已，已经帮你加了
<!DOCTYPE html><html>
<head>
<meta charset=UTF-8>
<title>
RunJS 演示代码
</title>
<style>
*{
margin:0
padding:0
}
ul{
list-style:none
}
ul li{
height:20px
cursor:pointer
}
.wrap {
margin:0 auto
width: 100px
}
.menu{
border:1px solid black
}
.menu>li:not(:last-child){
border-bottom:1px solid black
}
.menu>li ul{
display:none
width:300px
height:20px
border:1px solid black
margin:-20px 0px 0px 99px
}
.menu li:hover{
background-color:#fd3
}
.menu li:hover ul{
display:block
background-color:#fd3
}
.menu>li ul li{
float:left
padding:0px 10px 0px 10px
}
</style>
</head>
<body>
<div class="wrap">
<ul class="menu">
<li>
一级菜单a
<ul>
<li>
二级菜单a
</li>
<li>
二级菜单a
</li>
<li>
二级菜单a
</li>
</ul>
</li>
<li>
一级菜单b
<ul>
<li>
二级菜单b
</li>
<li>
二级菜单b
</li>
<li>
二级菜单b
</li>
</ul>
</li>
<li>
一级菜单c
<ul>
<li>
二级菜单c
</li>
<li>
二级菜单c
</li>
<li>
二级菜单c
</li>
</ul>
</li>
<li>
一级菜单d
<ul>
<li>
二级菜单d
</li>
<li>
二级菜单d
</li>
<li>
二级菜单d
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
