导航栏hover给li加上border 宽度增加了，移动一跳一跳的，求大神解决
2个回答
展开全部
你给那块儿hover的时候把boder的宽度让出来就行了
.label-padding{
padding: 10px 30px;
}
.label-padding:hover{
padding: 7px 27px;
border-style: dashed;
}依据实际情况用 负margin 也行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
除非你在:hover之前，给每个li预先加一个Boder
更多追问追答
追问
我觉得有道理。先加一个border, 但不能显示出来啊，我全试过了还是不行~~~醉了，怎么办
追答
<html>
<head>
<style type="text/css">
li{
float: left;
width: 200px;
height: 30px
}
li:hover div
{
border: 1px solid #000
}
li
a{padding: 5px;margin-left: 5px}
li>div
{
position: absolute;
width: 200px;
height: 30px;
}
</style>
<script>
</script>
</head>
<body>
<ul>
<li><div></div><a href="#">Link</a></li>
<li><div></div><a href="#">Link</a></li>
<li><div></div><a href="#">Link</a></li>
<li><div></div><a href="#">Link</a></li>
</ul>
</body>
</html>
这种思路试试
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
