<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>
浮动没清除的问题而已，已经帮你加了
这个是没有办法的。如果一定要做，可以这样：
1、自定义一个横向的菜单容器。
2、把这个菜单容器作为整体放到一个JMenu下。
不过，我觉得你不如完全自定义一组菜单和二级菜单控件来得快，也方便以后扩展 。
