<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style type="text/css"> *{margin:0;padding:0;}#nav{background-color:#66ffff;margin:0 auto;width:600px;height:40px;}ul{list-style:none;}ul li{float:left;line-height:40px;text-align:center;position:relative;}a{text-decoration:none;color:black;display:block;padding:0 10px;}a:hover{color:white; background:#66ccff;}ul li ul li{float:none;background:#00ccff;margin:2px 0;}ul li ul{position:absolute;left:0px;top:40px;display:none;}ul li ul li a:hover{background-color:#0066cc;}ul li:hover ul{display:block;} </style> </head> <body> <div id="nav"> <ul> <li><a href="#">首页</a></li> <li><a href="#">栏目</a> <ul> <li><a href="#">普法栏目</a></li> <li><a href="#">精神讲堂</a></li> <li><a href="#">交流家园</a></li> </ul> </li> <li><a href="#">课程</a></li> <li><a href="#">指南</a></li> <li><a href="#">联系我</a></li> </ul> </div> </body></html>这段代码当中的二级菜单为什么不能先按行显示，在宽度达到首栏ul li的宽度后就自己换行了，为什么？？？？
添加回答
举报
0/150
提交
取消