请问为什么我的二级分栏会不显示啊

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="reset.css">
<style>

#nav{
   height:40px;
    width:800px;
    background-color:#706F6A;
    margin:0 auto;
   }
#nav ul li{
   float:left;
   width:160px;
   line-height:40px;
   text-align:center;
   }
#nav ul li a{
   text-decoration:none;
   color:#FFFCFC;
   }
#nav ul a:hover{background-color:#E71B1F}
</style>
</head>

<body>
<div id="nav">
<ul>
    <li><a href="#">首页1</a>
       <ul>
          <li><a href="#">xxxx1</a></li>
          <li><a href="#">xyyyy1</a></li>
        </ul>
    </li>
    <li><a href="#">首页2</a></li>
    <li><a href="#">首页3</a></li>
    <li><a href="#">首页4</a></li>
    <li><a href="#">首页5</a></li>
</ul>
</div>
</body>
</html>

柠檬小茶

浏览 1256回答 2

2回答

午后苦咖啡

不知道你想要什么结果。可以说#nav的那个ul高度不够（如果你想那么设计页面的话），另外你的字体是白色的，背景也是白色的，二级菜单当然看不见。字体颜色改成非白色就能看见了

0 0

刚毅87

那是你 #nav 的高度设置的不够,高度设置120px 以上就出现了

0 0

随时随地看视频慕课网APP