CSS hover 菜单 · 前端开发

``` <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <title>Json1</title> <style type="text/css"> .menuitem { background: #fff; border: 1px solid #c00; position: relative; float: left; margin-right: 1em; } .menuitem .submenu { background: #fff; border: 1px solid #00c; position: absolute; top: 25px; width: 5em } .menuitem .submenu {display: none;} .menuitem:hover .submenu {display: block;} </style> </head> <body> <div class="menuitem"> <div>菜单1</div> <div class="submenu"> <div>子菜单1</div> <div>子菜单2</div> </div> </div> <div class="menuitem"> <div>菜单2</div> <div class="submenu"> <div>子菜单1</div> <div>子菜单2</div> <div>子菜单3</div> </div> </div> <div class="menuend"></div> </body> </html> ```