老师最开始把大多数东西放在li里面和最后放在a里面实现的效果为什么不一样

就是鼠标滑动的时候前面的代码颜色变化的范围不是整个，只是在跟字大小差不多的范围发生变化

xiaoxuesheng001

2016-03-21

源自：导航条菜单的制作 1-1

关注问题我要回答

636

操作

收起

3 回答

夏夏2011w
2016-04-14

a:hover只是作用于a标签，滑动的背景颜色是随着a里面字的大小变化的，而将a改成块元素后，它和li标签都是块元素，这和设置两个嵌套的div是一样的，没别的设置时，此时父级块元素和子块元素是一样大的，所以滑动的时候背景就是最后这样的效果。

0 回复有任何疑惑可以回复我~

收起回答

如风糖
2016-03-21

a标签设置了宽高之后是不是少了display:block

0 回复有任何疑惑可以回复我~

收起回答

xiaoxuesheng001 提问者

*{margin:0;padding:0;font-size:14px;} ul{list-style:none;width:100px;} a{text-decoration:none;} li{height:30px;line-height:30px;width:100px;background:#ccc;margin-bottom:1px;text-align:center;} a:hover{background:blue;color:green;} 这个为什么滑动效果是那样的

2016-03-21 回复有任何疑惑可以回复我~