DIV+CSS排版的问题，做个下拉菜单，但不知哪错了
不知哪里出问题了，下拉不受控制，hover时超出了框外，而且设置了无下划线，但是还是出现。http://pan.baidu.com/s/1jG1OxNo已放网盘，大神帮看...
不知哪里出问题了，下拉不受控制，hover时超出了框外，而且设置了无下划线，但是还是出现。
http://pan.baidu.com/s/1jG1OxNo
已放网盘，大神帮看下 展开
http://pan.baidu.com/s/1jG1OxNo
已放网盘，大神帮看下 展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>下拉导航</title>
<style>
* {margin:0; padding:0;}
ul,li {list-style-type:none;}
#menu {
line-height: 35px;
background-color: #333333;
height: 35px;
width: 960px;
margin-top: 25px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
position: relative;
}
#menu ul li {
margin-right: 15px;
margin-left: 12px;
display: inline-block;
}
#menu ul li a {
font-size: 14px;
color: #E4E4E4;
text-decoration: none;
font-weight: bold;
}
#menu ul.subnav li a:hover {
text-decoration: underline;
}
#menu .subnav {
background-color: #505050;
position: absolute;
top: 35px;
width: 100px;
left: 155px;
}
#menu .subnav li {
height: 35px;
width: 100px;
margin-left:0;
}
#menu .subnav li a {
font-size: 12px;
font-weight: normal;
font-family: "微软雅黑";
display: block;
text-indent:12px;
}
#menu .subnav li a:hover {
color: #FFFFFF;
background-color: #0099FF;
}
</style>
</head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<body>
<div id="menu">
<ul>
<li><a class="first" href="http://lol.duowan.com/">英雄联盟</a></li>
<li> <a href="http://lol.duowan.com/v/">视频站</a></li>
<li> <a href="http://lol.duowan.com/zhibo/" style="color:#FF3300">直播站</a>
<ul class="subnav">
<li><a href="http://lol.duowan.com/1401/m_252608317914.html" style="color:#EEB251">每日精彩集锦</a> </li>
<li><a href="http://lol.duowan.com/1401/m_252608659119.html">囧镜头</a> </li>
<li><a href="http://lol.duowan.com/1401/m_252608466844.html" style="color:#EEB251">TOP集锦</a> </li>
<li><a href="http://lol.duowan.com/1408/m_271093348541.html">拳头解说</a> </li>
<li><a href="http://lol.duowan.com/1311/m_248119210150.html">伊芙蕾雅解说</a> </li>
<li><a href="http://lol.duowan.com/1401/m_252608396782.html">JITP出品</a> </li>
<li><a href="http://lol.duowan.com/1401/m_252608587285.html">超赞动画</a></li>
</ul>
</li>
<li><a href="http://lol.duowan.com/game/">赛事站</a></li>
<li><a href="http://lol.duowan.com/hero/" style="color:#FF3300">英雄专题</a></li>
<li><a href="http://lol.duowan.com/hezi/">LOL盒子</a></li>
<li><a href="http://lol.duowan.com/tag/136318214904.html">英雄攻略</a></li>
<li><a href="http://tu.duowan.com/lol">精美图集</a></li>
<li><a href="http://lol.duowan.com/s/s4/index.html">天赋模拟器</a> </li>
<li> <a href="http://lol.duowan.com/lolclass/index.html" style="color:#FF3300">联萌大课堂</a> </li>
</ul>
</div>
</body>
</html>
这位网友你好，已经帮你解决，原因是id选择器优先级高，覆盖了class选择器的样式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
