莱芜网站排名的大宝给大家介绍一种纯CSS实现下拉菜单、纯CSS实现折叠菜单的方法，直接上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.renyuan {display: none;}
.bm:hover .renyuan {display: block;}
.bmt{background-color: aquamarine;}
</style>
</head>
<body>
<div class="bm">
<div class="bmt">部门1</div>
<div class="renyuan">
<div>人员1</div>
<div>人员2</div>
<div>人员3</div>
</div>
</div>
<div class="bm">
<div class="bmt">部门1</div>
<div class="renyuan">
<div>人员1</div>
<div>人员2</div>
<div>人员3</div>
</div>
</div>
</body>
</html>莱芜网站排名给您提供代码效果动态图。
DIV追加宽度和float属性，就可以横向排列喽
.bm{width:100px;float: left; margin: 10px;}
好了，莱芜做网站的大宝就给你演示到这里了，如果有任何问题，可以留言本留言哦。如果需要做网站排名，请电话联系。
赏
版权声明：若文中没有特别声明皆为原创文章,转载时请以链接形式注明文章出处与原文链接。
非书面授权，禁止转载。本作品采用 CC BY-NC-ND/2.5/CN 许可协议。
如果帮您解决了问题，可以给小编打赏，小编不抽烟不喝酒，6元就够吃个泡面了，感激不尽。
非书面授权，禁止转载。本作品采用 CC BY-NC-ND/2.5/CN 许可协议。
如果帮您解决了问题，可以给小编打赏，小编不抽烟不喝酒，6元就够吃个泡面了，感激不尽。
