<!DOCTYPE html><html><head><style>body{margin:0;}.dropmenu{background-color:silver;width:50px;float:right;/*控制下拉菜单在右侧*/}.dropmenu-title{color:purple;margin:10px;}.dropmenu-content{display:none;position:absolute;background-color:gray;right:0;/*与float:right配合使用，使得下拉内容不超出右侧边界*/}.dropmenu:hover .dropmenu-content{display:block;}.dropmenu-content a{display:block;border:1px solid green;}</style></head><body><h2>CSS Dropmenu</h2><div class="dropmenu"><b class="dropmenu-title">WLs</b><div class="dropmenu-content"><ol><li><a href="">ASP.NET</a></li><li><a href="">JSP</a></li><li><a href="">ASP</a></li><li><a href="">PHP</a></li><li><a href="">JAVA</a></li><li><a href="">VB.NET</a></li><li><a href="">Python</a></li><li><a href="">JavaScript</a></li></ol></div></div><h2>Over</h2></body></html>CSS Dropmenu
Over
简易的CSS下拉菜单
原文地址：https://www.cnblogs.com/ryzz/p/9125255.html