简单的问题没搞懂

li{float:left;margin-top:10px;}

a{font-size:18px;display:block;line-height:1px;width:120px;text-align:center;

text-decoration:none;background:#6CF;line-height:40px;margin-bottom:2px;}

.on,a:hover{background-color:#F90;color:#FFF;margin-top:-10px}

为什么我设置的-10之后，效果显示与下面的线都分离了？？？

新火试新茶

2016-05-26

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

关注问题我要回答

471

操作

收起

3 回答

最近的距离是多少3456060
2016-09-08

你这个margin-top:-10px;是给a标签里面用的。所以导致了a元素上移动了10像素的距离，而下面的线是另一个大的父元素ul的下border的值，是不会跟着你移动的，不然你自己可以试试，给a标签加个border-bottom:10px solid #F60,来移动试试就知道了。关键就是它不直接属于a标签里面所以就分开了。希望对你有帮助.